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

Клубы
Здравствуй, друг!  
Пожалуйста, добавь к картинке background-size: cover;
Бобро поржаловать.
Здесь можно найти FAQ по CSS вообще и на шики в частности, несколько простых инструкций и готовые шаблоны для ленивых. В комментариях можно задавать вопросы по поводу содержимого в шапке, предлагать свои шаблоны и обсуждать интересные (и не очень) решения.

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

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

Если ты хочешь привести в пример свой код, сделай это так:
[code=css]
/* твой код */
[/code]
Горячие клавиши для тега code: ctrl+o или cmd+o.


Страницы клуба
Статьи:
Вкратце о CSS
Планирование дизайна
Создание анимаций
Список селекторов
Смена цветовой схемы
Готовые решения:
F.A.Q.
Шаблоны, примеры, фичи
Шаблоны с @import
Готовые стили
Юзер-скрипты
Расширенный BBCode
Топики
15
Калькулятор оценки по критериям
Калькулятор оценки по критериям
8
У меня всегда были проблемы с тем, какую оценку поставить тайтлу, поэтому я придумал методику и удобный калькулятор.
Установить можно из Github Gist. Ссылка постоянная, обновляется. Тестил только в Tampermonkey в хроме, но и через другие расширения должно работать.
Предпросмотр
Блок калькулятора добавляется на странице тайтла под обложкой. Оценённые критерии сохраняются в LocalStorage браузера для каждого тайтла. Но итоговую оценку шики, которую видно всем, вы должны поставить сами.
254x280

Описание…
Читать дальше →
Комментарии
13409
Скрыть 13406 комментариев
Показать 13406 комментариев
Загрузить ещё 10 из 13406 комментариев
Crowley🍷
Crowley🍷#
@nikola2222, Что-то не работает как надо. А аву как поменять?
animeshnik_ALT
animeshnik_ALT#
@MR_nick_Russ, Просто так это не сделать, вручную самый лёгкий способ это убрать закрывающий слэш и добавить его в конце:
спойлер
/* Пересматриваю *
.b-add_to_list.rewatching .trigger,
.b-add_to_list.rewatching .option {
  border-color: #D7A08E;
  color: var(--link-color)
}

/* Просмотрено *
.b-add_to_list.completed .trigger,
.b-add_to_list.completed .option {
  border-color: #D7A08E;
  color: #D7A08E
}

/* Брошено *
.b-add_to_list.dropped .trigger,
.b-add_to_list.dropped .option {
  border-color: #D7A08E;
  color: #D7A08E
}*/
Но я нашел в VScode расширение, которое делает то, что ты просишь. Если надо, можешь скинуть свой код мне в лс, я закоменчу.
спойлер
/*👉➡ Пересматриваю ⬅
.b-add_to_list.rewatching .trigger,
.b-add_to_list.rewatching .option {
  border-color: #D7A08E;
  color: var(--link-color)
}

➡ Просмотрено ⬅
.b-add_to_list.completed .trigger,
.b-add_to_list.completed .option {
  border-color: #D7A08E;
  color: #D7A08E
}

➡ Брошено ⬅
.b-add_to_list.dropped .trigger,
.b-add_to_list.dropped .option {
  border-color: #D7A08E;
  color: #D7A08E
}👈*/
MR_nick_Russ
MR_nick_Russ#
animeshnik_ALTanimeshnik_ALT
Просто так это не сделать, вручную самый лёгкий способ это убрать закрывающий слэш и добавить его в конце
Вот это я как раз не хотел делать, я человек ленивый):Im dead:
animeshnik_ALTanimeshnik_ALT
Но я нашел в VScode расширение, которое делает то, что ты просишь. Если надо, можешь скинуть свой код мне в лс, я закоменчу.
О! Вот за это спасибо! У самого есть VS на компике, сейчас сделаю. Благодарю за помощь:thumbup:
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode