Твой комментарий
CSS-club – настройка внешнего вида сайта
Топики
10
В данное время многие спрашивают:
Если кто-то так спрашивает, киньте им ссылку на этот топик
Все проблема с Camo (страшно)
Как сказал один Пират:
- "А где мои картинки??"
- "Куда все персонажи пропали?"
- "Кто я..." - это в другой раз
Если кто-то так спрашивает, киньте им ссылку на этот топик
Все проблема с Camo (страшно)
Как сказал один Пират:
На шики используется "проксирование изображений" через собственный сервер (camo.shikimori.one).
когда ты добавляешь ссылку на изображения, например твоя ссылка на пикчу из стима он превратится в camo-v3.shikimori.one/...
это сделано ради безопасности.
Скрыть 7 комментариев
Загрузить ещё 7 комментариев
Вряд-ли я вру но такая тема есть + ограниченность использования сайтов тоже удручает.
.gif ":)")
Твой комментарий
Скрыть 205 комментариев
Загрузить ещё 10 из 205 комментариев
ТабоСпойлеры, вдруг кому код будет полезен
спойлер
показать Контент
Тут может быть какой угодно контент в рамках bb code
показать Алиса(пикча)
показать Контент-2
Контент-2
[div=to-process data-dynamic=tabs]
[div=b-js-link active data-tab-switch][div]
[span=collapse subheadline yellow b-link][span=action][color=black]показать[/color][/span] [color=black]Контент[/color][/span]
[/div]
[div=collapsed]
[size=35]Тут может быть какой угодно контент в рамках bb code [/size]
[/div][/div]
[div=b-js-link data-tab-switch][div]
[span=collapse subheadline purple b-link][span=action][color=black]показать[/color][/span] [color=black]Алиса(пикча)[/color][/span]
[/div]
[div=collapsed]
[img]https://zvukipro.com/uploads/posts/2023-02/1675797680_cf99528f27.jpg[/img]
[/div][/div][div=b-js-link data-tab-switch][div]
[span=collapse subheadline green b-link][span=action][color=black]показать[/color][/span] [color=black]Контент-2[/color][/span]
[/div]
[div=collapsed]
Контент-2
[/div][/div]
[/div]
[div=cc-4][div=b-catalog_entry c-column]
[div=cover]
[div=image-decor]
[image=3320740 no-zoom]
[/div]
[/div]
[div=d-flex][span][div=b-menu-line][b][url=https://ru.kinorium.com/1969862/]Том и Джерри[/url][/b][/div][/span][/div]
[/div]
[/div]
[animes ids=5114 columns=3]Но чел выше правильно сказал, что нужно просто сымитировать эту штуку. Вот вариант с текстом:
58 место
[div=cc-7]
[div=b-catalog_entry c-column]
[div=cover]
[div=image-decor]
[image=3320740 no-zoom]
[div=text]58 место[/div]
[/div]
[/div]
[div=d-flex][span][div=b-menu-line][b][url=https://ru.kinorium.com/1969862/]Том и Джерри[/url][/b][/div][/span][/div]
[/div]
[/div]По сути здесь надо просто добавить
[div=text]58 место[/div] к тому, что в первом варианте. Правда, всплывающей ссылки у вас не будет, плюс текст и картинка будут отдельно, а не как , но пока это лучшее, что я могу предложить.Твой комментарий
Скрыть 421 комментарий
Загрузить ещё 10 из 421 комментариев
Можно, наведи мышку на эту кнопку, нажми ПКМ, после - код элемента,
там все селекторы отвечающие за кнопку, можешь настраивать её
практически как угодно, ограничиваясь возможностями CSS..
Твой комментарий
1 164
Скрыть 1161 комментарий
Загрузить ещё 10 из 1161 комментариев
Твой комментарий
217
Твой комментарий
Скрыть 640 комментариев
Загрузить ещё 10 из 640 комментариев
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:[email protected]&display=swap');
Твой комментарий
6
Скрыть 3 комментария
Загрузить ещё 3 комментария
Да, тёмная тема включается
Эта статья не о том как включить секретную темную тему Шикимори и не о том как её написать. Это описание способов переключения со светлой темы на тёмную в ваших собственных стилях.
Реверсная инженерия(вдруг кому надо):
Но я все таки рекомендую готовое решение:
Готовые решения
Можно конечно и свою Чебурашку сочинить, правда настраивать каждый элемент займет куча времени
.
спойлер
/*Ночная тема (ночь)*/
.l-page[data-server_time *= "T19"],
.l-page[data-server_time *= "T20"],
.l-page[data-server_time *= "T21"],
.l-page[data-server_time *= "T22"],
.l-page[data-server_time *= "T23"],
.l-page[data-server_time *= "T00"],
.l-page[data-server_time *= "T01"],
.l-page[data-server_time *= "T02"],
.l-page[data-server_time *= "T03"],
.l-page[data-server_time *= "T04"],
.l-page[data-server_time *= "T05"],
.l-page[data-server_time *= "T06"] {
filter: invert(1)
}
.l-page img[data-server_time *= "T19"],
.l-page img[data-server_time *= "T20"],
.l-page img[data-server_time *= "T21"],
.l-page img[data-server_time *= "T22"],
.l-page img[data-server_time *= "T23"],
.l-page img[data-server_time *= "T00"],
.l-page img[data-server_time *= "T01"],
.l-page img[data-server_time *= "T02"],
.l-page img[data-server_time *= "T03"],
.l-page img[data-server_time *= "T04"],
.l-page img[data-server_time *= "T05"],
.l-page img[data-server_time *= "T06"] {
filter: invert(1)
}
/*Обложка профиля*/
.p-profiles-show[data-server_time *= "T19"] .profile-head::before,
.p-profiles-show[data-server_time *= "T20"] .profile-head::before,
.p-profiles-show[data-server_time *= "T21"] .profile-head::before,
.p-profiles-show[data-server_time *= "T22"] .profile-head::before,
.p-profiles-show[data-server_time *= "T23"] .profile-head::before,
.p-profiles-show[data-server_time *= "T00"] .profile-head::before,
.p-profiles-show[data-server_time *= "T01"] .profile-head::before,
.p-profiles-show[data-server_time *= "T02"] .profile-head::before,
.p-profiles-show[data-server_time *= "T03"] .profile-head::before,
.p-profiles-show[data-server_time *= "T04"] .profile-head::before,
.p-profiles-show[data-server_time *= "T05"] .profile-head::before,
.p-profiles-show[data-server_time *= "T06"] .profile-head::before {
filter: invert(1)
}Но я все таки рекомендую готовое решение:
Готовые решения
Можно конечно и свою Чебурашку сочинить, правда настраивать каждый элемент займет куча времени
.Твой комментарий
Вперёд →...
@Alisa_777, надпись с ВН осталось, а на аниме стёрлась, но название не появилась почему-то.@Alisa_777, вот код по шаблону:Ранее в месте того селектора, который ты дал, стоял тот выше.
@Alisa_777@…Моri…,тебе придется прописывать для каждой полоски название.
@…Моri…@Alisa_777, вот оно значит что. Спасибо большое, сестрёнка.