Предыдущей статье был рассмотрен один из основных файлов темы, настало время пробежаться по второму файлу, которые между собой тесно связаны. Таким образом, для управления внешним видом сайта помимо файла theme.php используется файл styles.css, который содержит все стили, используемые в коде файла theme.php.

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

Итак, приступим.

body {...} – оформление общего вида темы.

a {...} – оформление ссылок.

hr {...} – оформление горизонтальных линий.

.spacer {...} – указывает отступы между блоками.

.admin(или noscript/nocomments)-message {...} – оформление системных сообщений.

.form {...} – оформление всех форм.

.button {...} – оформление кнопок.

.bbcode {...} – оформление bb-кодов.

.textbox {...} – оформление полей ввода.

.main(или sub)-header {...} – оформление шапки темы.

.main(или sub/bottom)-footer {...} – оформление подвала темы.

#side-left(или right) {...} – оформление левой или правой частей темы, где располагаются панели.

.main-bg {...}, #side-center {...}, .side-both {...} – оформление центральной части темы, где располагаются контент и центральные панели.

.scapmain – оформление заголовка боковых панелей.

.side-body {...} – оформление содержимого боковых панелей.

.capmain {...} – оформление заголовка центральных панелей.

.main-body {...} – оформление содержимого центральных панелей.

.comment {...} – оформление комментариев.

.shoutbox {...} – оформление миничата.

.tbl-border {...}, .tbl {...}, .tbl1 {...}, .tbl2 {...} – оформление таблиц.

.quote {...} – оформление цитат.

.poll {...} – оформление опросов.

.news-category {...}, .news-info {...} – оформление части элементов новостей и статей.

.forum-caption {...}, .forum_tread_... {...} – оформление элементов форума.

.profile {...} – оформление профиля пользователя.

#navigation {...} – оформление ссылок панели навигации.

.pagenav {...} – оформление постраничной навигации.

Если вдруг вы не понимаете, какой класс за что отвечает, то поступайте методом «тыка»: в данном классе возьмите любой значимый параметр, например «font-size: 12px;» или «color: #f5f5f5;», и измените его существенно, например «font-size: 20px;» или «color: #000;». После чего обновите страницу браузера с открытым окном вашей темы.