Забыли пароль?
Запросите новый здесь.

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
15% [2 Голосов]

Форум, поиск ответов
Форум, поиск ответов
23% [3 Голосов]

Общение
Общение
38% [5 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
23% [3 Голосов]

Голосов: 13
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

ovas
Offline
· 20.11.2017 14:16
А сейчас что? Турецкого берега не видать?!! bmPF-7 2013 это финалка.

Vveb--ws
Offline
· 20.11.2017 03:39
при Застое мы жили лучше всего. и PF-7 2009 года

Polarfox
OfflineAdmin
· 19.11.2017 14:59
всё так

ovas
Offline
· 17.11.2017 14:59
Новый год это одно, а толкать Семёрку 2013 года выпуска в наступающем 2018 году это застой в развитие. ag

jikaka
OfflineAdmin
· 17.11.2017 07:35
к новому году готовятся, елки наряжают

Архив миничата
Сейчас на сайте
» Гостей: 11

Гости:
» 217.182.132.53 08:16:26
/Поиск
» [Ваш IP] 08:16:26
/Статьи
» 164.132.161.46 08:16:06
/Поиск
» 217.182.132.83 08:16:02
/Поиск
» 164.132.161.93 08:15:47
/Поиск
» 137.74.207.170 08:15:44
/Поиск
» 217.182.132.178 08:15:42
/Поиск
» 154.66.224.158 08:15:30
» 217.182.132.155 08:15:16
/Поиск
» 69.162.124.235 08:14:54
1 - не показано

» Всего пользователей: 1,323
» Новый пользователь: Rehbock
В базе имеется
аддонов: 952
тем: 137
Иерархия статей
Создание тем – Часть 3. Файл styles.css.

Предыдущей статье был рассмотрен один из основных файлов темы, настало время пробежаться по второму файлу, которые между собой тесно связаны. Таким образом, для управления внешним видом сайта помимо файла 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;». После чего обновите страницу браузера с открытым окном вашей темы.


Поделиться этой статьей
Социальные закладки: Vkontakte Odnoklassniki Mail.ru Facebook Google Tweet This
URL:
BBcode:
HTML:

Нет комментариев.
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
5 (Отлично!) - 1 Голос

Рейтинг доступен только для пользователей.

Пожалуйста, авторизуйтесьили зарегистрируйтесь для голосования.