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

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

База аддонов
База аддонов
42% [13 Голосов]

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

Общение
Общение
19% [6 Голосов]

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

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

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

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

jikaka
OfflineAdmin
· 17.09.2020 14:41
ar

Razor
OfflineAdmin
· 17.09.2020 11:34
Hi! ab

PahaW
Offline
· 31.08.2020 00:13
bq

Alex
Offline
· 28.08.2020 21:59
Ну одна тема уже есть... дальше больше)))

Warhangel
OfflineAdmin
· 28.08.2020 18:00
Alex, а кто его наполнять то будет? Хотя, пару разделов под него, возможно, и можно создать ... summon @jikaka bw

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

Гости:
» [Ваш IP] 09:45:45
/Статьи
» Yandex [Bot] 09:44:34
/Профиль
» 91.228.56.38 09:41:39
/Логин

» Всего пользователей: 1,557
» Новый пользователь: murmmijha
В базе имеется
аддонов: 951
тем: 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 Голос

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

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