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


Поднятие уровня в одиночку | Solo Leveling
9.4


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


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


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


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


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


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


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


Король меча | Sword King
Том 1. Глава 37
?


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


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


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


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


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


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


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


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


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


Скрыть 5 комментариев
Показать 5 комментариев
Загрузить ещё 5 комментариев
OraNge!
OraNge!#
@BlackF0X, Спасибо, очень приятно)
鬼火
鬼火#
Здравствуй, можно ли код, что отображает выдвигающиеся ссылки на профиль read manga и . т.д, пожалуйста
OraNge!
OraNge!#
@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!, благодарю
OraNge!
OraNge!#
Червь
Мать учения
Dungeone defense
OraNge!
OraNge!#
/* Гиперссылки */
/* 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; /* обычная обложка скрыта */
  }
}
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть