Сайт

Пишите сюда, если что-то на сайте не работает или работает некорректно.

О создателях аниме и манги с неправильными описаниями пишите сюда.

Комментарии к странице "О сайте".

Здравствуй, друг!

FAQ и сборник шаблонов теперь доступны в клубе /clubs/811-css-club
Пока только заполняется, скоро будет готов.
Прежде чем там что-то писать прочитай описание в первом абзаце!
Если у тебя наоборот бугурт от всего этого беончика то можешь применить скрипт, полностью отключающий пользовательские стили:

var func = function() {
  $('#custom_css').remove();
};

$(document).ready(func);
$(document).on('page:load', func);
$(document).on('turbolinks:load', func);

Добавь его к сайту с помощью специальных расширений, например вот таким для гугл хрома.

Немного о том что такое CSS и как им пользоваться для тех кто не в теме.Cascading Style Sheets, то есть Каскадные Таблицы Стилей - элемент вебдизайна, способ показать браузеру как именно он должен отображать вебстраницу. Цвета, размеры, положение объектов, а так же многое другое что касается визуальной части можно задать с их помощью.
Самый простой пример, ранее уже бывший доступным на шики - фоновая картинка для сайта.
Как этим пользоваться? Ниже будут представлены примеры кода, куда и как их вставлять?
Зайдите в настройки -> внешний вид сайта.
Там вы увидите поле для ввода текста:
1012x1008
На скриншоте видно то что у меня было там на момент написания этого поста, как пример того как может это выглядеть.
Код состоит из указания объектов или классов и правил которые к ним применяются.
Правила записываются в фигурных скобках, каждое заканчивается точкой-с-запятой, классы и объекты записываются с помощью селекторов перед применяемым к ним правилам через запятую. Что такое классы и объекты объяснять долго и сложно, а у нас гайд для нубасов, так что пока опустим этот момент. Грубо говоря это тот кусок сайта с которым вы хотите что-то сотворить. Названия классов начинаются с точки, Обращайте на это внимание и не забывайте её, если она там есть.
То есть в итоге у вас должна получится например такая картина:Можно писать всё в строчку, но так удобнее для восприятия в дальнейшем и другими людьми.
Если у вас много кода то можно /*сделать вот так*/ и обрамлённый таким образом текст не будет исполнятся, но сохранится - так можно делать заметки на будущее.

Хочешь таки узнать про объекты и классы и как найти нужный селектор?


Итак вот несколько готовых решений и полезных штук:

Фон сайта




ШрифтыС ними всё довольно просто, но есть один нюанс.
1. Если вы используете какой-то шрифт вы должны быть уверены что он установлен на большинстве компьютеров возможных посетителей вашей странички и тогда это можно сделать
2. Если же вы используете какой-то особенный шрифт который у кого попало не стоит то нужно залить его на какоенибудь облако, которое даст вам использовать прямую на него ссылку и
3. Некоторые элементы, например заголовки, имеют отдельно указанные шрифты, поэтому их в вашем коде так же нужно указать отдельно, добавив к правилу !important (если вам это нужно, конечно).

Всякая полезнотаНесколько неочевидных фич, которые могут комунибудь приглянуться.





Парочка простых справочников по CSS
htmlbook
webref

Комментируйте, дополняйте, исправляйте (в том числе и грамматику, я в неё не очень).

Programming is magic.

Несколько правил общения на этом сайте:

• 1. Будьте вежливы и уважайте собеседников. Переходам на личности, грубости, хамству, оскорблениям и угрозам здесь нет места. Ни в каком виде.
  
• 2. Пишите грамотно. Мы любим русский язык и не будем его коверкать.
  
• 3. Здесь не матерятся. Нигде и ни в каком виде.
  
• 4. Троллинг не поощряется, особенно в топиках обсуждения аниме, манги и персонажей.
  Что есть троллинг?

  Что есть троллинг? Влезание в обсуждения и темы, которые вам не нравятся, и намеренное разведение там срача.
  Так же троллингом считается всё, что таковым посчитает модератор.
  
  
• 5. Законы РФ нарушаться не должны. Здесь запрещено всё, что запрещено законами РФ.
  
• 6. Отдельно запрещён постинг
  всего того

  например картинок голых лолей или просто порнографии
  , что может потенциально привести к бану сайта в роскомнадзоре.
  
• 7. При раскрытии деталей сюжета, оборачивайте текст тегом спойлера [spоiler].
  
• 8. Разговоры, не касающиеся конкретного аниме, манги, героя и пр., перемещаются в оффтоп-тред;
  
• 9. Реклама чего-либо без прямого на то разрешения администрацией запрещена.
  Исключения

  Исключения: озвучка, субтитры, ролики своего изготовления. В них не должно быть рекламы других тематических сайтов.
  
  
• 10. Модератор всегда прав(а). Действия модератора не обсуждаются. Требования модератора обязательны к выполнению.