E-club - поддержка стиля Edesign для shikimori

КлубыE-club - поддержка стиля Edesign для shikimoriТопики
EngiNier
EngiNierвE-club - поддержка стиля Edesign для shikimori
61
Cntrl+Shift+C, навести на элемент страницы, нажать на элемент, получить селектор в инспекторе, найти его в коде и изменить свойства, либо если его нет в коде - добавить его и новые свойства. Попробуйте - это просто.
Добавить в конец кода стиля:
.p-profiles .profile-head .c-history .entry .title {
animation: none;
}
Добавить в конец кода стиля:
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime, 
.x1000 > .l-page div .profile-head .c-info .c-lists-info .b-stats_bar.anime, 
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga, 
.x1000 > .l-page div .profile-head .c-info .c-lists-info .b-stats_bar.manga {
opacity: 1;
}
1196x734

Добавить в конец кода стиля:
body#dashboards_show .cc-inner {
    display: block;
}
@media screen and (min-width: 767px) {
  body#dashboards_show .cc-inner {
    padding-right: 11px;
    margin-right: 0;
  }
  .p-dashboards-show .cc-second .c-forum {
    width: 26%;
  }
}
@media screen and (max-width: 767px) {
  .cc-second {
    display: block;
  }
  .slide.animes .cc-2a .c-column.m0 {
    margin-bottom: 15px!important;
  }
  .p-dashboards-show .cc-second .c-forum {
    width: 100%;
  }
}
.activity .graph.vertical .line .bar {
    animation: none;
}
Ток для оригинальных постеров :cool:
1427x275 > 1421x498 > 1920x1080
[div=r-1][mangas ids=33327,23390,13,3031,2 columns=8][/div]

[div=r-2][animes ids=1535,11757,16498,9253,5114,1575,6702 wall columns=9][/div]

[div=r-3][characters ids=417,34470,45627,71,36765,7373,24596,80,14523 wall columns=9][/div]

[div=r-4][characters ids=118765,118763,43280,82525,67067,34470 columns=8][/div]
.about > .r-1 .b-catalog_entry,
.about > .r-1 .b-catalog_entry:last-child {
  width: calc(100% / 6) !important;
}
.about > .r-2 .b-catalog_entry,
.about > .r-2 .b-catalog_entry:last-child {
  width: calc(100% / 8) !important;
}
.about > .r-3 .b-catalog_entry,
.about > .r-3 .b-catalog_entry:last-child {
  width: calc(100% / 10) !important;
}
.about > .r-4 .b-catalog_entry,
.about > .r-4 .b-catalog_entry:last-child {
  width: calc(100% / 12) !important;
}
Подобия отступа делается так > 981x326
.about > .r-1 .b-catalog_entry .cover {
     margin: 5px 7px 1rem;
}

если контент внутри табов!! то так > 1920x403
.about > .use-tabs .r-1 .b-catalog_entry,
.about > .use-tabs .r-1 .b-catalog_entry:last-child {
  width: calc(100% / 7) !important;
}
.about > .use-tabs .r-2 .b-catalog_entry,
.about > .use-tabs .r-2 .b-catalog_entry:last-child {
  width: calc(100% / 6) !important;
}
.about > .use-tabs .r-3 .b-catalog_entry,
.about > .use-tabs .r-3 .b-catalog_entry:last-child {
  width: calc(100% / 5) !important;
}
.about > .use-tabs .r-4 .b-catalog_entry,
.about > .use-tabs .r-4 .b-catalog_entry:last-child {
  width: calc(100% / 8) !important;
}
если контент внутри спойлера!! то так > 1920x843
.about .inner .r-1 .b-catalog_entry,
.about .inner .r-1 .b-catalog_entry:last-child {
  width: calc(100% / 6) !important;
}
.about .inner .r-2 .b-catalog_entry,
.about .inner .r-2 .b-catalog_entry:last-child {
  width: calc(100% / 8) !important;
}
.about .inner .r-3 .b-catalog_entry,
.about .inner .r-3 .b-catalog_entry:last-child {
  width: calc(100% / 10) !important;
}
.about .inner .r-4 .b-catalog_entry,
.about .inner .r-4 .b-catalog_entry:last-child {
  width: calc(100% / 12) !important;
}
как разделить контент на колонки >
1915x971
[div=columns-1]
[div=r-1][mangas ids=33327,23390, columns=8][/div][/div]
[div=columns-1]
[div=r-1][mangas ids=33327,23390,100128, columns=8][/div][/div]
.columns-1 {
    float: left;
    margin-right: 2%;
    position: relative;
    width: 48%;
}
.columns-1 > .r-1 .b-catalog_entry,
.columns-1 > .r-1 .b-catalog_entry:last-child {
  width: calc(100% / 5) !important;
}
результат >
1234x265
Комментарии
Скрыть 41 комментарий
Показать 41 комментарий
Загрузить ещё 20 из 41 комментариев
EngiNier
EngiNier#
@"Hosty", все что я могу сделать чтобы было похоже на старое

@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/main_code_1.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/main_code_2.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/main_code_3.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/main_code_4mob.css"); 
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/prof_form_citrus.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/q01_alter_menu.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/q03_history_bookmarks.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/q08_alter_sitemenu.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/q02_monocolor_citrus_list.css");
@import url("https://raw.githubusercontent.com/gm-c/gm-c.github.io/master/cssfiles/q11_cubik-corners.css");

body:after {
  background-image: url("https://i.ibb.co/Cvx2Chh/image-2021-04-23-14-57-50.png");
  filter: brightness(0.9);
    background-position: 100% 80%;
}
.l-page {
    background-color: rgba(30, 30, 40, 0.95);
}
.l-footer:after {
  content: "*Green Grooves*";
  display: none !important;
}

@media screen and (min-width: 1px) {
  .correct-mob-version {
    color: normal;
  }
}


@media screen and (min-width: 1px) {
  html:root {
   
   --white-color: 198, 203, 241;
    --light-color: 164, 172, 229;
    --dark-color: 122, 132, 208;
    --bright-color: 118, 133, 245;
    --dull-color: 108, 112, 146;
    --input-color: 77, 79, 165;
    --hover-bottoms-1: 27, 27, 62;
    --buttoms-color: 45, 45, 103;
    --hover-buttoms-2: 156, 98, 25;
    --very-high-rating: 114, 124, 199;
    --high-rating: 66, 75, 143;
    --average-rating: 51, 58, 113;
    --small-rating: 36, 43, 91;
    --time-filled: 53, 58, 132;
    --time-empty: 24, 26, 64;
    --anime-inprocess: 69, 146, 76;
    --anime-complete: 41, 107, 47;
    --manga-inprocess: 189, 15, 86;
    --manga-complete: 153, 0, 62;
    --hover-color: 210, 137, 45;
    --shadows-color: 110, 120, 190;
    --block-color: 40,35,66;
    --menu-back: 30, 30, 40;
    --nick-cover: 71, 49, 156;
    --popup-color: 36, 35, 83;
   
    --hundred: 1;
  }
}
@"Hosty"
"Hosty"
"Hosty"#
@EngiNier, Жаль, что старую версию не удалось сохранить, но огромное спасибо за предоставленное решение!
@EngiNier
EngiNier
EngiNier#
@"Hosty", еще раз переставь, я немного не тот код дал. Расцветка не такая была.
Выше исправил. Будет как у меня.
@"Hosty"
"Hosty"
"Hosty"#
@EngiNier, угу, подправил. Ещё раз спасибо!
kviziik
kviziik#
1428x579 не подскажете как сделать полностью прозрачным?
@EngiNier
EngiNier
EngiNier#
@kviziik, 
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.anime, 
.x1000 > .l-page div .profile-head .c-info .c-lists-info .b-stats_bar.anime, 
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar.manga, 
.x1000 > .l-page div .profile-head .c-info .c-lists-info .b-stats_bar.manga {
opacity: 0;
}
@kviziik
kviziik
kviziik#
@EngiNier, не сработало
Kyara1378
Kyara1378#
Здравствуйте! Подскажите, почему не отображается фон? В сборщике, в предпросмотре, фон отобразился, а после копипаста на страницу - не отображается. Просто тёмный фон...
1218x7431577x821
@animeshnik_ALT
animeshnik_ALT
animeshnik_ALT#
@Kyara1378, 
body:after {
  background-image: url("ссылка");
}
@Kyara1378
Kyara1378
Kyara1378#
@animeshnik_ALT, точно так же - и ничего.753x71
@animeshnik_ALT
animeshnik_ALT
animeshnik_ALT#
@Kyara1378, У тебя лишний слэш / стоит где-то в коде. Попробуй удалить, если нет, то скинь свой код мне в лс.
Kyara1378
Kyara1378#
А можно как-то настроить ширину? Просто с компа у меня ширина страницы немного больше, чем ширина экрана (хотя экран гигантский...), отчего внизу ползунок, который ездит на полсантиметра буквально, что слегка раздражает.
1920x66
@animeshnik_ALT
Kyara1378
Kyara1378#
@animeshnik_ALT, спасибо!
IR
IR#
Надо спросить как поменять аватарку на другую картинку чтобы отображалась другая в избранном?
Я помню что это отличный клуб где могут мне помочь
@animeshnik_ALT
animeshnik_ALT
animeshnik_ALT#
IRIR
Надо спросить
Спрашивай. Только поточнее, тебе аватарку или в избранном что-то надо поменять?
@IR
IR
IR#
@animeshnik_ALT, в избранном аниме персонажам фотографии поменять )
@animeshnik_ALT
animeshnik_ALT
animeshnik_ALT#
@IR, Замена только в списках и всплывающем окне:
Ищем тут "Замена стандартных постеров" /clubs/811/pages/1756

Замена везде: /comments/9679920
@IR
IR
IR#
@animeshnik_ALT, спасибо
Вантуз в Жопе
Вантуз в Жопе#
Приветствую. Пытался найти оригинальный фон для темы endless horizon, но ни в FAQ, ни на github, ни на странице автора, не в других топиках его нет. На github только 4 основных. Если проглядел где-то прошу прощения, но найти не смог. Прошу помочь. И возможно вывести куда-то на видное место оригинальные фоны для тех, у кого тоже появится желание скачать
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode