Правила создания стилей сайта.
Каждый менеджер Легиона может создать свой стиль на сайте, для этого достаточно:
1) Прочитать данную страницу
2) Иметь желание получить свой стиль
3) Немного терпения и аккуратности.
Общие положения:
1. При создании стиля необходимо задать название, которое кратко дает представление о стиле.
2. При создании стиля необходимо задать его описание. В нем необходимо кратко описать принадлежность, смысл и необходимость этого стиля. Размер до 255 символов. В данный момент это поле будет использоваться только проверяющим человеком.
3. Необходимо задать сам стиль, придерживаясь общих правил, описанных ниже. При создании нового стиля загружается значение по умолчанию.
4. Перед отправкой стиля на проверку убедится в работоспособности стиля, и что он не содержит ошибок (подробнее смотреть ниже).
Важно соблюдать следующие рекомендации:
1. Стараться использовать спокойные тона (никаких ядовитых цветов, за редким исключением когда это оправдано)
2. Все надписи должны быть читаемые (цвет шрифта и фона не должны "совпадать")
3. Не использовать заливку таблиц (tr1/tr2)
4. Не использовать изображения эротического содержания
5. Не использовать изображения разжигающие расовую,религиозную и националистическую ненависть
6. Минимизировать количество используемых цветов (вопрос эстетики)
7 - Бекграунд составленный повторением одного изображение должен образовывать единое полотно
8 - Бекграунд состоящий из единичного изображения должен "уходить" в сплошной цвет.
Облегченная версия редактора:
Данная версия редактора ориентирована на обычного пользователя и менеджера. Вам предлагают выбрать три цвета основных цвета на сайте(чаще всего 2 и 3 цвет совпадают). Также, если вы хотите изменить шапку сайта - вам необходимо создать ее, затем залить на какой-либо ресурс по хранению фотографий и указать ссылку в соответствующем поле. Также необходимо поставить галочку отключить "флешку", иначе Вы не увидите логотип. Пользуйтесь кнопкой-"Пре-просмотр" для настройки стиля. Важный пункт - месторасположение. Если Вы делаете стиль для федерации - выбирайте федерацию, если для клуба - выбирайте клуб. Заполните поля названия и описания и нажимайте сохранить. После этого стиль отправится на проверку.
Требования к шапке:
1) Желательный размер 785px * 150px
2) Желательное расширение *.png, *.jpg
3) Желательный "вес" картинки менее 150 кб (чем меньше, тем лучше). Допустимы отклонения и в большую сторону, НО при значительном превышении желаемого веса - картинка не принимается.
Если вы не собираетесь пользоваться расширенным редактором - просьба все равно посмотреть FAQ полностью, в конце страницы - общая для всех информация.
Расширенная версия редактора стилей.
Эта версия редактора предназначена для "продвинутых" пользователей и тех, кому мало стандартных средства. Но при этом нужно понимать, что всему есть свой предел. Исходный код написан по некоторым правилам и соглашениям, просьба его придерживаться. Спасибо.
Соглашение по написанию стиля:
Базовый стиль написан по определенным правилам, которых необходимо придерживаться для легкой обработки информации, ее изменения в будущем. Четкое соблюдение правил написания кода - лишь поможет и способствует появлению вашего стиля на сайте.
Ваш код должен содержать комментарии не в меньшем объеме, нежели базовый стиль.
Вначале код должен содержать обязательно автора(авторов) стиля, которые принимали участие в разработке. Указывать логины на сайте.
/**
@author ЛОГИН_ПЕРВОГО_АВТОРА
@author ЛОГИН_ВТОРОГО_АВТОРА
*/
Базовый стиль построен на 3 цветах. Номер каждого цвета указан в комментариях. Необходимо придерживаться этих же правил и не вносить изменения в базовой структуре стиля. Т.е. не добавлять, не убирать из этих блоков какие-либо классы.
При необходимости добавить еще цвета, или внести дополнительные изменения в определенный из выше определенных css классов нужно описать их ДОПОЛНИТЕЛЬНО ниже, при этом написав блок комментария, говорящего об этом
Например:
/**
Jagger Add Modification
*/
И дальше переопределить дополнительное выборочно классы:
/**
Цвет ссылок в меню
@color 4
*/
.menu_item:hover a.m, a.m:hover, .raised .boxcontent, div.left_head{
color: #FFFFFF;
}
/**
Подсветка кнопок меню при наведении
@color 6
*/
td.menu_item:hover, div.menu_item:hover{
background:none repeat scroll 0 0 #2B499D
}
/**
Цвет второй линии в голосовании
@color 7
*/
.pull_line2{
background:none repeat scroll 0 0 #FFFFFF;
}
Такой подход поможет нам найти с Вами общий язык. И просьба учитывать следующее:
Дизайн сайта не может быть постоянным, когда-нибудь он будет изменен. Придерживаясь общих правил, Вы облегчаете проблему переноса текущего дизайна в новый.
Время проверки стилей первое время будет занимать продолжительный процесс, над этим ведется работа. Просьба иметь терпение.
