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

КлубыCSS-club – настройка внешнего вида сайтаТопики
Dedonych
DedonychвCSS-club – настройка внешнего вида сайта
37
В данное время многие спрашивают:
  • "А где мои картинки??"
  • "Куда все персонажи пропали?"
  • "Кто я..." - это в другой раз

Если кто-то так спрашивает, киньте им ссылку на этот топик
Все проблема с Camo (страшно)
Как сказал один Пират:
На шики используется "проксирование изображений" через собственный сервер (camo.shikimori.one).
когда ты добавляешь ссылку на изображения, например твоя ссылка на пикчу из стима он превратится в camo-v3.shikimori.one/...
это сделано ради безопасности.
Грубо говоря, ваши картинки кешируются на отдельном шики-сервере. Из-за того что ему плохо (причина непонятна), ваши картинки не будут грузится.

Что можно сделать (Ссылки)

Просто закинуть картинки на сайты которые есть в белом списке (не те списки) которые Шики НЕ кеширует.
Вот список ссылок, которые должны соответствовать "НАЧАЛУ ССЫЛКИ" на картинку:

  • i.imgur.com - самый простой способ. Но сейчас он что-то шалит.
  • raw.githubusercontent.com - сделали гитхаб репозиторий со своими картинками и все. Главное, чтобы репозиторий был публичным (Регистрация)
  • i.ibb.co - чем-то похож на имгур. Закинули картинку и все.
  • media.tenor.com - больше под гифки, надо ждать, пока проверят (~24 часа). Закинул, реально прошли сутки.... (Регистрация)
  • .userapi.com - ссылки с ВК. Я просто зашел в ВК, с первого поста взял картинку. Дальше я не тестил. (Регистрация)
Новое! (03.03)
  • 64.media.tumblr.com - тамблер тоже можно использовать. (Регистрация)

Список не полон, но, при возможности, будет дополнятся. Просто это те которые я проверил лично (Когда писал этот топик и когда обновлял)

Как проверить, кешируются ли картинки на ваших сайтах:

1. Заходите в настройки -> внешний вид сайта -> CSS.
2. Пишите код:
body{
  background: url(ссылка на картинку)
}
Дальше 2 варианта:
1. Простой - вставьте в адресную строку этот скрипт (Если не понимаете или не верите, спросите ии или используйте вариант 2):
javascript:/\/\/camo.+https?/.test(getComputedStyle(document.body).getPropertyValue("background")) && alert("Is camo!!")
Если появится попап с сообщением "Is camo!" - картинка кешируется, сайт не подходит.

2. Для тех, кто не верит скриптам. (Или хочет понять, как игратся с DevTools)
  • Открываете DevTools - пкм по странице открыть исходный код (в хроме f12).
ВАЖНО - не исходний ТЕКСТ страницы (View page source), а исходный код (Inspect): нужно чтобы не открылась новая страница, а чтобы появилась панель на текущей странице.
  • Нажмите на тег body чтобы он выделился и справа должно появится Styles(Стили) для него.
  • Если ссылка заменилась на camo-v3.... - к сожелению, данный сайт не подходит.

Вот пример (Справа картинка с Firefox)


Если что то непонятно, я не виноват. бе-бе-бе
Комментарии
Скрыть 17 комментариев
Показать 17 комментариев
Загрузить ещё 17 комментариев
Dedonych
Dedonych#
@_Just_Monika_95_, Так ссылка немного не на изображение
@_Just_Monika_95_
_Just_Monika_95_
_Just_Monika_95_#
@Dedonych, Да:hot:
@MrZol, у меняссылка была неправильная, робит:


спойлер
Было:
[img]https://ibb.co/JjHZnJVm[/img] ❌
Стало:
[img]https://i.ibb.co/F4zp6T2m/2026-02-27-131425.png[/img] - ✅
В общем проверяйте правильность ссылки на изображение
MrZol
MrZol#
@_Just_Monika_95_,
youtube
_Just_Monika_95_
_Just_Monika_95_#
MrZolMrZol
imgbb.com/ раньше не работал, странно
Он уже в топике, сообщение удалила.
Upd
Добавила ссылку в профиль на этот топик.
@Dedonych
Dedonych
Dedonych#
@_Just_Monika_95_, он был еще до его сообщение))
@_Just_Monika_95_
deleted account11
deleted account11#
_Just_Monika_95__Just_Monika_95_
отличается от Имгур тем что на Имгур необязательна регистрация
Я все равно там регнулся чтоб свои фотки и гифки отправлять.
А так грустно
А тенор что-то не очень и по выгрузки и иногда по запуску их на сайте.
Имбб - не особо понравился тоже имеет платную основу.
AnzhelikaO
AnzhelikaO#
Чуть не создала репозиторий в рабочем акке :ololo: Спасибо за помощь :love:
L0$hadka.L0x
L0$hadka.L0x#
Огромное спасибо! Через гитхаб работает отлично
Nariman25
Nariman25#
@_Just_Monika_95_, ооо спасибо, я думал на имгуре регаться надо чтобы заливать картинки :oh2:
@_Just_Monika_95_
_Just_Monika_95_
_Just_Monika_95_#
@Nariman25, не обязательно, регаются чтобы там альбом сделать . Ну контроль за пикчами
_Just_Monika_95_
_Just_Monika_95_#
@Dedonych, добавь сайт самого пирата, там как раз темы картинок касается с камо серверами.
/comments/13187892
@Dedonych
Dedonych
Dedonych#
@_Just_Monika_95_, у него сайт не входит в белый список шики. Это простой сайт для загрузки файлов в интернет и получение ссылки на них.
Ruta
Ruta#
DedonychDedonych
raw.githubusercontent.com - сделали гитхаб репозиторий со своими картинками и все. Главное, чтобы репозиторий был публичным (Регистрация)

объясните плес почему эти **** картинки не открываются

код
@media{:root {
  /* Обложка профиля */
  --user-cover: url("https://github.com/bember-usr/images/blob/main/back.jpg");
  /* Фон сайта */
  --user-background: url("https://github.com/bember-usr/images/blob/main/back.jpg");
}}

он их преобразует, но они не открываются

код

url("https://camo-v3.shikimori.io/e95332cf5a14e1c4b2a7ff81400e3d9f68b05e4e?url=https%3A%2F%2Fgithub.com%2Fbember-usr%2Fimages%2Fblob%2Fmain%2Fback.jpg")
@Dedonych
Dedonych
Dedonych#
@Ruta,
должны соответствовать "НАЧАЛУ ССЫЛКИ" на картинку:
перейди по своей ссылке и нажми пкм по картинке, "открыть в новой вкладке". Там будет другая ссылка. Вот её и надо.
@Ruta
Ruta
Ruta#
DedonychDedonych
должны соответствовать "НАЧАЛУ ССЫЛКИ" на картинку:
только сейчас дошло, когда посмотрела ссылку открытой в новой вкладке

спасибо:love2:
A-ten
A-ten#
Кек, а с загрузкой картинок с Гитхаба без обходов теперь тоже какие-то проблемы, или это у меня Инет шалит? :interested:
UPD: Да, это у меня проблемы какие-то. Игнорируйте))
AnzhelikaO
AnzhelikaO#
Пипец. raw.githubusercontent заблочен :ololo:
А имгур заработал на шики
10sai
10sai#
Всем привет. Может кому-то еще будет полезен мой опыт касательно картинок для фона и обложки профиля.
Пробовал грузить картинки на сайты из представленного списка, пытался найти какие-то существующие картинки, но все либо не работало, либо требовало усилий, на что моя ленивая жопа не решилась.
И тут подвернулся вариант с ВК. Сначала я подумал, что нужно будет найти свою картинку в чьих-то постах по тегам или в каких-то группах. Потом решил проверить одну из своих сохраненок, и ссылка на нее на удивление сработала. Теперь появился вопрос, как закинуть свою картинку в свои сохраненки, ведь их я опять же брал из ленты или комментариев. Решение оказалосьдовольно простым - картинку не обязательно брать из сохраненок, достаточно скинуть себе картинки в лс, а после открыть их в отдельном окне. Данные ссылки работают. Те, у кого есть ВК и проблемы с картинками, могут воспользоваться
@Mr.Jamiks
Mr.Jamiks
Mr.Jamiks#
@10sai, это все понятно но почему у тебя Гриффит не пропал из фона?
@10sai
10sai
10sai#
@Mr.Jamiks, не понял вопрос, почему помимо фона есть и обложка профиля?
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode