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

Меняет дизайн стандартных постеров избранного.
Внимание, дополнения скрывает избранных авторов на вашей станице. На странице избранного все останется как прежде. Также замечу, что всем постерам избранного (аниме, манга, персонажи) нужно будет задать картинку, в противном случае они будут без изображения.

Дополнение имеет несколько опциальных фишек для постеров анима/манги и персонажей.

Рассмотрим для псотеров аниме/манги:

• скрываем стандартное изображение:

.p-profiles .cc-favourites .c-anime[class*="b-catalog_entry"] > a[href*="z35790-tate-no-"] img {
    visibility: hidden;
}

316x201

• применяем свое изображение:

.p-profiles .cc-favourites .c-anime a[href*="z35790-tate-no-"] .image-cutter {
    background: url("//desu.shikimori.one/system/user_images/original/274756/1080983.jpg") no-repeat center / cover;
}

321x199

• (Опциально) Ставим оценку аниме/манге:

.p-profiles .cc-favourites .c-anime a[href*="z35790-tate-no-"] .image-decor::before {
    content: "Оценка: 8/10";
}

- (Опциально) Прописываем свое название аниме/манге:

.p-profiles .cc-favourites .c-anime a[href*="z35790-tate-no-"] .image-cutter::before {
    content: "Восхождение героя щита";
}

Название аниме/манги будет видно в покое, а оценку - при наведении на постер.



Ключевыми тут являются id аниме/манги, а точнее части ссылок. Его мы находим через инспектор вашего браузера (например можно нажать cntrl+shift+C, затем навести и нажать на тот самый постер избранного, которой нам нужен). Например ссылка для нашего примера была такая:

Оттуда мы взяли уникальную часть для данного постера z35790-tate-no-
Теперь меняя эту уникальную фразу на фразы других постеров избранного, мы можем применять эти свойства и задавать фразы и картинки также и к остальным постерам.
Также в кода есть фраза .c-anime.
Если вы меняете настройки постера аниме то используйте .c-anime, если манги - меняйте на .c-manga.

Рассмотрим для постеров персонажей:

• скрываем стандартное изображение:

.p-profiles .cc-favourites [class*="b-catalog_entry"] > a[href*="43280-inori-"] img {
    visibility: hidden;
}

- применяем свое изображение:

.p-profiles .cc-favourites .b-catalog_entry a[href*="43280-inori-"] .image-cutter {
    background: url("//dere.shikimori.one/system/user_images/original/208335/1170784.jpg") no-repeat 0% 15% / 150%;
}

- (Опциально) Ставим количество баллов (из 100) аниме/манге:
315x190

.p-profiles .cc-favourites .c-character a[href*="43280-inori-"] .image-cutter::after {
    content: "70 баллов";
}

318x191

• (Опциально) Прописываем свою дополнительную фразу к персонажу:

.p-profiles .cc-favourites .c-character a[href*="43280-inori-"] .image-cutter::before {
    content: "18 лет, Воплощение";
}

• (Опциально) Прописываем название персонажу:

.p-profiles .cc-favourites .c-character a[href*="43280-inori-yuzuriha"] .image-decor::before {
    content: "Инори";
}

Название персонажа будет видно в покое, а оценку и специальную фразу - при наведении на постер.