CMS RUEN
ruen.suCMS RUEN
RUEN
ПоддержкаПродвижениеНастройкаОформлениеРазработка

Файл стилей

CSS-файл style.css содержит ряд классов, используемых движком. Их перечень смотрите ниже. Наименования классов пишутся так же, как они должны писаться в самом коде.

Документ и его тело

BODY – документ имеет тело, а тело, в свою очередь, имеет свойства. Все свойства пишутся в этот CSS-файл, и больше никуда. Это настройки стиля всего документа.

Заголовки

Движок использует три типа заголовка:
H1, .title – основной заголовок страницы, этим заголовком, к примеру, сейчас написано «CSS-файл скина сайта».
H2, .subtitle – дополнительный заголовок страницы, им обозначают ссылки на материнские разделы.
H3, .caption – заголовок, используемый модулями движка для выделения блоков информации, а также пользователями при самостоятельном наполнении страниц.

Используемое здесь спаривание классов (т.е. как вот выше записано H1 и title через запятую) нужно для использования в ссылках и пр.


Меню главное

Система имеет несколько типов меню, но на настоящий момент стандартизировано только одно меню – то, которое используется в боковой части страниц сайта. Это меню и называется главным. Для его оформления выделено два класса:
.menu_main_caption – оформление пунктов меню первого уровня.
.menu_main_item – оформление пунктов меню второго уровня.


Таблица

Иногда в странички требуется встравлять таблички. Через редактор пока это сделать можно только вручную, специальных функций никаких не предусмотрено, то есть придется вручную набивать при помощи table/tr/td, впрочем, это весьма несложно даже для чайников. НО! При этом табличка будет выглядеть кривоватенько, и специально для выхода из этой ситуевины мы ввели следующие классы: TABLE.content,
TD.content,TR.content,TH.content, надо просто в каждом TD, TH и TABLE указывать class="content".

Пример стилей уже есть на всех сайтах, проще использовать его, потому что в этом случае таблицы будут отображаться нормально во всех браузерах.


Формы

На любом сайте хоть одна форма, но есть. В нашем случае их намного больше, чем одна. Для форм мы предлагаем следующие классы:
FORM – здесь мы просто прописываем отступ от каймы снаружи и внутри по нулям, иначе в разных браузерах будет отображаться по разному, но в любом случае не так как надо.
.long – стиль полей длинной длины;
.short – стиль полей укороченной длины.
Да, да! Встречается у нас и такое, и длинные поля, и короткие поля :) Преимущественно эти классы используются в модулях движка. И еще мы рекомендовали бы объединить эти классы воедино, описать их свойства, а затем уже каждому классу в отдельности выставить нужную ширину.


[Не]важные замечания

На самом деле в CSS-файле встречается еще ряд классов, но они не стандартизированы и, возможно, будут удалены в будущем. Вот их список: .menu_top, .copy, .official, .link, .text, .block.

Можно ли использовать в style.css свои классы? Конечно, можно! Мы тоже используем, например, на этом сайте есть класс CODE :)

Эта статья содержит лишь список классов с описаниями, писать что такое CSS и с чем его едят мы, пожалуй, пока не будем, да и без нас есть море информации на эту тему.



2 | 1 2017.12.14, 23:02
Информация на данной странице недостаточно понятна, не полна или содержит ошибки? Просто напишите нам об этом и мы все исправим.Напишите замечание!