6 месяцев и 2 недели
Время за аниме и мангой
1 неделя
1 месяц
3 месяца
6 месяцев
1 год
Активность на сайте
Общие
Жанровые
Франшизы
10 / 202
Обо мне
Читаю
Прочитано
Отложено
Запланировано
Брошено
Читаю

Башня Бога | Tower of God
Том 3. Глава 43
9.6




Поднятие уровня в одиночку | Solo Leveling
Том 1. Глава 101
9.4




Безупречный отец | Abimussang
Том 1. Глава 88
9.4




Сказания о демонах и богах | Tales of Demons and Gods
Том 2. Глава 257
9.2




Реинкарнация учёного | The Scholar's Reincarnation
Том 4. Глава 120
9.2




Магия вернувшегося должна быть особенной | A Returner's Magic Should Be Special
Том 2. Глава 86
9.1




Реинкарнация врача | Medical Return
Том 1. Глава 41
9




неОРДИНАРНЫЕ | unORDINARY
Том 2. Глава 162
8.6




Бурный век | Volcanic Age
Том 1. Глава 99
8.8




Мастер | The Master
Том 2. Глава 161
8.4




Свободный выбор | Free Throw
Том 2. Глава 140
8.3




Ранкер, который живет второй раз | Ranker who lives a second time
Том 1. Глава 45
8.3




Богач | Super Rich
Том 1. Глава 8
?




Техника Бога звёздных боевых искусств | Star Martial God Technique
Том 1. Глава 288
8.3




Истинная красота | Yeosin ganglim
Том 1. Глава 47
8.2




Мастер Гу | Master of Gu
Том 1. Глава 77
8.2




Воин-скелет не смог удержать подземелье | Skeleton Soldier Couldn't Protect the Dungeon
Том 2. Глава 68
8.1




Ублюдок FFF-ранга | FFF-Class Trashero
Том 1. Глава 6
8




Раскол | Pounding
Том 1. Глава 40
?




Неубиваемый | Reawaken man
Том 1. Глава 86
7.9




Милый дом | Sweet Home
Том 1. Глава 73
7.6




Моя жена — королева демонов | My Wife is a Demon Queen
Том 1. Глава 161
7.5




Король боевых искусств уходит в отставку | Martial King's Retired LIfe
Том 1. Глава 47
7.3




Освободите эту Ведьму | Release That Witch
Том 1. Глава 49
7.3




Бог боевых искусств | God of Martial Arts
Том 1. Глава 95
7.2




Адонис | Adonis
Том 2. Глава 49
7.1




Босс школы | Boss in School
Том 2. Глава 86
6.9




Победитель получает всё | Winner Takes All
Том 1. Глава 55
6.5




Сказания о демонах и богах | Tales of Demons and Gods
Глава 482
9.2



Openings
Endings
Wallpaper
В процессе


Скрыть 7 комментариев
Показать 7 комментариев
Загрузить ещё 7 комментариев
𝓞𝓻𝓪𝓷𝓰𝓮
𝓞𝓻𝓪𝓷𝓰𝓮#
@Galneryu,
/* Ссылки */
.button1 {
  position: fixed;
  top: 200px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(ПРЯМАЯ_ССЫЛКА.png) no-repeat 5px center / 30%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: #fff; /* Цвет фона кнопки */
  border: 1px solid #ddd; /* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button1:hover {
  right: 0;
}

В самом профиле, во вкладке "о себе" всё пишешь по дефолту, просто внутри div кода:
[div=button1][url=Твоя ссылка]Надпись[/url][/div]
Желательно в самом верху.

Если хочешь добавить больше кнопок, то копипастишь код в css, но меняешь .button1 на .button2 ну и по накатанной. То же делаешь и в div самого профиля. Если оставишь кнопки дефолтными, то в каждой новой кнопке увеличивай top на 60 пикселей: если у первой кнопки top - 200px, значит у второй - 260px и тд. Играйся на здоровье.

(c) Keeper Yu
鬼火
鬼火#
@Ørange!, благодарю
𝓞𝓻𝓪𝓷𝓰𝓮
Червь
Мать учения
Dungeone defense
𝓞𝓻𝓪𝓷𝓰𝓮
𝓞𝓻𝓪𝓷𝓰𝓮#
/* Гиперссылки */
/* Steam */
 .button1 {
  position: fixed;
  top: 132px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Steam_icon_logo.svg/1200px-Steam_icon_logo.svg.png) no-repeat 5px center / 25%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button1:hover {
  right: 0;
}
/* Read Manga */
.button2 {
  position: fixed;
  top: 187px; /* Отступ сверху */
  width: 200px; /* Ширина */
  height: 50px; /* Высота */
  right: -140px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(http://www.userlogos.org/files/logos/Aleksandr009/ReadManga.png) no-repeat 5px center / 30%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button2:hover {
  right: 0;
}
/* Mangalib */
.button3 {
  position: fixed;
  top: 242px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(https://static-s.aa-cdn.net/img/gp/20600011246174/JaOpqdgvPbVAg9IsY4qfPLs8RBaUAAc_YjpkYfVs5YoTApJLTIOrIqL83MzCCCW3NA=s300) no-repeat 5px center / 25%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button3:hover {
  right: 0;
}
/* Rulate */
.button4 {
  position: fixed;
  top: 297px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(https://tl.rulate.ru/i/logo-v3.gif) no-repeat 5px center / 30%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button4:hover {
  right: 0;
}
/* Anilibria */
.button5 {
  position: fixed;
  top: 352px; /* Отступ сверху */
  width: 160px; /* Ширина */
  height: 50px; /* Высота */
  right: -100px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(https://tvfeed.in/cache/7e/b0/7eb09f37b05f111db2db4056cc4c0a9c.jpg) no-repeat 5px center / 25%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button5:hover {
  right: 0;
}
/* Основы CSS*/
.button6 {
  position: fixed;
  top: 407px; /* Отступ сверху */
  width: 200px; /* Ширина */
  height: 50px; /* Высота */
  right: -140px; /* Прячет кнопку (должна быть спрятана 2/3) */
  text-align: right; /* "лепит" текст на правый бок */
  padding: .8rem 1.2rem; 
  background: url(https://cdn.worldvectorlogo.com/logos/css3.svg) no-repeat 5px center / 20%; /* Картинка (Стима/ВК/Телеграма) / XX px - отступ слева / XX % - величина картинки */
  background-color: rgba(208, 240, 192, 0.7); /* Цвет фона кнопки */
  border-left: 1px solid #006400; 
  border-top: 1px solid #006400;
  border-bottom: 1px solid #006400;/* Толщина и цвет рамки */
  border-radius: 5px 0 0 5px; /* Скругление углов */
  z-index: 20;
  transition: 1s ease;
}

.button6:hover {
  right: 0;
}

[div=button1][url=https://steamcommunity.com/id/apelsinmandarin/]Steam[/url][/div]
[div=button2][url=http://readmanga.me/]Read Manga[/url][/div]
[div=button3][url=https://mangalib.me/]Mangalib[/url][/div]
[div=button4][url=https://tl.rulate.ru/]Rulate[/url][/div]
[div=button5][url=https://www.anilibria.tv/pages/catalog.php]Anilibria[/url][/div]
[div=button6][url=https://html5book.ru/css-css3/]Основы CSS[/url][/div]

/* Фон страницы */
body::after {
  pointer-events: none;
  z-index: -1;
 content: '';
  display: block;
  position: sticky;
  bottom: 0;
  height: 0;
  padding-bottom: 56.25%; /* Внешние/внутренние отступы: «высота изображения» / «ширина изображения» ✕ «100%» */
  background: url('http://www1.animekabegami.com/image_wallpaper/1549456225.jpg') center / cover; 
}

.l-page {
  margin-bottom: -56.25%;
}
/* Отделение обложки от профиля */
@media (min-width: 1025px) {
  #profiles_show .l-page {
  margin-top: 408px;
  padding-top: 72px;
} 
  .p-profiles .profile-head[data-user-id="201872"] .c-brief::before {
    display: none;
  }
  .p-profiles .profile-head[data-user-id="201872"] .c-history {
    top: px;
  }
  .p-profiles .profile-head[data-user-id="201872"] .c-brief {
    padding-bottom: 4px;
  }
/* Моя обложка в профиле */
.p-profiles .profile-head[data-user-id='201872']::before {
  display: block;
  /* background-image: url(https://image.ibb.co/gT5kZJ/bd8W6VB.jpg); /* Пример */
  background-image: url(http://www1.animekabegami.com/image_wallpaper/1549456225.jpg);
  background-position: center 50%;
}

/* Это когда-нибудь™ будет указываться в сборщике */
html {
  --user-cover: url(http://www1.animekabegami.com/image_wallpaper/1549456225.jpg); /* $image-cover from SASS variable */
}

/* Обычная обложка не меняется вплоть до 960px (Для 768+ придётся двигать историю) */
@media (min-width: 960px) {
  body {
    /* Обложка из сборщика устанавливается фоном */
    background: var(--user-cover) center top / cover no-repeat fixed !important;
  }

  #profiles_show .l-page {
    margin-top: 352px; /* размер не отличается от обычной обложки */
    border-radius: 8px 8px 0 0; /* небольшое закругление углов центральной области */
  }

  .p-profiles .profile-head::before {
    display: none !important; /* обычная обложка скрыта */
  }
}
𝓞𝓻𝓪𝓷𝓰𝓮
𝓞𝓻𝓪𝓷𝓰𝓮#
Фальшивая красота - 6
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть