Топики

CSS-club – настройка внешнего вида сайта

14 689

5 декабря 2016

Топик обсуждения клуба.

Скрыть 14686 комментариев

Показать 14686 комментариев

Загрузить ещё 10 из 14686 комментариев

謙遜老翁12 августа 2025#

Подскажите, как расположить надписи разделов в блоках по центру.

641x317
А также как переименовать каждую из этих отметок на свою надпись. А то через f12 находится только селектор либо на все отметки "checked" или все сразу

738x40

@Dedonych

Dedonych12 августа 2025#

@謙遜老翁,

/* центрировать хедлайны */
#profiles_show .subheadline:after{
    width:100%;
    text-align:center;
}

/* отметки */
.p-profiles-show .lifetime .times .time{
    font-size:0 !important;
    &:after,
    /* :before - checked */
    &:before{ font-size:12px !important }
    &:nth-child(1):after{ content:"1" }
    &:nth-child(2):after{ content:"2" }
    &:nth-child(3):after{ content:"3" }
    &:nth-child(4):after{ content:"4" }
    &:nth-child(5):after{ content:"5" }
}

@謙遜老翁

謙遜老翁12 августа 2025#

@Dedonych, Всё подошло, Благодарствую.

Твой комментарий

Пользовательские скриптывCSS-club – настройка внешнего вида сайта

209

16 мая 2017

Топик обсуждения страницы клуба.

Скрыть 206 комментариев

Показать 206 комментариев

Загрузить ещё 10 из 206 комментариев

Mehjazzz26 июля 2025#

@Erema-chan, А можешь написать каким пользуешься либо код скинуть?

@Onzi, @Erema-chan

Onzi 4 августа 2025#

@Mehjazzz, можешь использовать мой скрипт для просмотра аниме github.com/Onzis/ShikiPlayer?tab=readme-ov-file

Erema-chan 6 августа 2025#

@Mehjazzz, Вроде shikicinema расширение. Он просто поменял дизайн, когда последний раз пользовался им

Твой комментарий

Готовые стиливCSS-club – настройка внешнего вида сайта

628

27 февраля 2017

Топик обсуждения страницы клуба.

Скрыть 625 комментариев

Показать 625 комментариев

Загрузить ещё 10 из 625 комментариев

Kondrateandr24 июля 2025#

@ukwn, это не тот код с прогресс-баром для франшиз и зелёной обводкой по краям?

@ukwn

ukwn24 июля 2025#

@Kondrateandr, Собрал в конструкторе, там в статье есть. Только цвета нужные выбрал и все

Jigen~28 июля 2025#

большое спасибо автору @grin3671 за shiki-theme! без труда собрал себе темную тему и не пришлось тратить время на написание стиля вручную

Твой комментарий

Шаблоны, примеры и всякие фичивCSS-club – настройка внешнего вида сайта

1 126

27 февраля 2017

Топик обсуждения страницы клуба.

Скрыть 1123 комментария

Показать 1123 комментария

Загрузить ещё 10 из 1123 комментариев

Shikki03 5 июля 2025#

есть у кого ббкод на среднюю оценку по сезонам?

realmizzer15 июля 2025#

@EDVERX, поздновато, возможно, но вообще новые элементы можно ещё создавать с помощью псевдоэлементов в css аля ::before и ::after

Mishachi Gonzo18 июля 2025#

Парни, а как картинку загрузки страницы поменять?

Твой комментарий

F.A.Q.вCSS-club – настройка внешнего вида сайта

415

27 февраля 2017

Топик обсуждения страницы клуба.

Скрыть 412 комментариев

Показать 412 комментариев

Загрузить ещё 10 из 412 комментариев

Игби16 июля 2025#

Добрый день. Заметила, что слетели настройки стиля в профиле. Были какие-то изменения на сайте? Как-то можно восстановить это? Ставила давно, уже не помню даже как это делала. Или нужно заново настраивать?

@Akihiro Kun, @prostoName

Akihiro Kun17 июля 2025#

@Игби, Аналогичная ситуация

prostoName18 июля 2025#

@Игби, Тоже настройки слетели, так самое обидное что пикчу на фоне уж 10 раз потеряла

Твой комментарий

Расширенный BBCodeвCSS-club – настройка внешнего вида сайта

190

1 июня 2018

Топик обсуждения страницы клуба.

Скрыть 187 комментариев

Показать 187 комментариев

Загрузить ещё 10 из 187 комментариев

ilyax216 июня 2025#

Вдруг кому пригодится.
Постеры кликабельные с ссылками на страницы, ссылки так же можно заменить.
Я просто для примера так сделал.

Персонажи

Сам код:

[div=headline silver][color=black]Персонажи[/color][/div]

[div=cc-5]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/117223-aqua][poster]https://shikimori.one/uploads/poster/characters/117223/main-7d0cf69a489a204cecf180c5220251a3.webp[/poster][div=text]Аква[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/41891-noire][poster]https://shikimori.one/uploads/poster/characters/41891/main-bda98a94fe0c29dee831fe3b844f5816.webp[/poster][div=text]Black Heart[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/243180-kama][poster]https://i.imgur.com/UNHj4wE.jpg[/poster][div=text]Кама[/url][/div][/div][/div][/div]
[div=b-catalog_entry c-column][div=cover][div=image-decor][url=https://shikimori.one/characters/169162-nobukatsu-oda][poster]https://i.imgur.com/zpk5RLQ.png[/poster][div=text]Rammstein[/url][/div][/div][/div][/div]
[/div]

Единственный минус, приходится изображение подгонять под один размер, иначе получаются постеры разных размеров .

Redington18 июня 2025#

да, сюда бы как то вставлять такие #FF0000 кода цветов что бы пахало на всю полоску

ilyax225 июня 2025#

Другой вариант кода(централизация персонажей)

Теперь по персонажам можно кликать.(Я немного доработал код)

Сам код:

[div=cc-6-g15 d-flex justify-content-center]
[div=c-column]
[url=https://shikimori.one/characters/4605-kyou-fujibayashi]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/2cff639b9e1e6689d0212afc75d678c6bc4cd4bd99f982d64d36bf10c34382ac.jpg[/img]
[/url]
[div=b-menu-line][character=4605][b]Кё Фудзибаяси[/b][/character][/div]
[/div]
[div=c-column]
[url=https://shikimori.one/characters/4603-tomoyo-sakagami]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/007b7950ae83bae2903ab8cb3596221fbb97e2ee951bf7e29aa63a0a5c915431.jpg[/img]
[/url]
[div=b-menu-line][character=4603][b]Томоё Сакагами[/b][/character][/div]
[/div]
[/div]

Простая версия(централизация персонажей)

Простая версия без написей(на скриншоте надпись уже есть)

Сам код:

[center][url=https://shikimori.one/characters/250628-nagase-ichijou]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/a3b6e8324b5f402d93d79d28bbaf46774c875717f4eb33adf88abc537f56564f.jpg[/img]
[/url][url=https://shikimori.one/characters/250627-kagari-shirube]
  [img no-zoom]https://shikimori.one/system/user_images_h/original/d2efafc944e06ba2aed19373/9106f8fb42509e0c88c082f0d761edd300ef3f3f9578debee049740254267933.jpg[/img][/center]
[/url]

Есть один недостаток. Постеры надо выравнивать в один размер в графическом редакторе (чтобы размер был одинаковым).
Посчитал что и такой вариант кому то да пригодится, переделал чутка просто 1 вариант.
---
@grin3671 , Спасибо за код, другу очень надо было. А то я с этим элементом [br] намучался просто. Разные варианты пробовал.
А оказалось что нехватало элементов для этого.

Твой комментарий

Список селектороввCSS-club – настройка внешнего вида сайта

15 марта 2017

Топик обсуждения страницы клуба.

Скрыть 92 комментария

Показать 92 комментария

Загрузить ещё 10 из 92 комментариев

Shiorka11 января 2025#

@grin3671, спасибо!

kuromorinyan13 января 2025#

@grin3671, спасибо большое за Ваш труд.

S0S1S0CHKA19 января 2025#

Добрый день, подскажите пожалуйста, есть возможность изменить положение появления блоков .tooltip.minified слева и права, на положение верх и низ, без использования js? Если есть, хотелось бы уточнить, как сделать это не для всего сайта, а касаемо моей страницы профиля.