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

Голосование
Как часто вы посещаете данный сайт?

1 раз в день
1 раз в день
20% [2 Голосов]

1 раз в неделю
1 раз в неделю
30% [3 Голосов]

1 раз в месяц
1 раз в месяц
10% [1 Голос]

Очень редко
Очень редко
20% [2 Голосов]

Первый раз зашёл
Первый раз зашёл
20% [2 Голосов]

Голосов: 10
Вы должны авторизироваться, чтобы голосовать.
Начат: 26.07.2022 08:08

Архив опросов
Случайная тема
Миничат
Только пользователи могут отправлять сообщения.

kazik
Offline
· 27.01.2025 07:33
Думаю, увы - никто.. ac

s1ipk0rn
Offline
· 26.01.2025 02:52
Всем привет, возникла необходимость обновить движок с 7 до 9 версии, но все упирается в плагин афиша, который не совместим с 9. Кто-то может помочь с этим?

Warhangel
OfflineAdmin
· 19.01.2025 01:42
Mr Lucky Player, основной движ у них теперь в дискорде bw

· 16.01.2025 07:45
А что с оф. сайтом? Много чего не работает (fatal error)

kazik
Offline
· 12.01.2025 14:24
Воевал упёртый ac, может додумался в плен сдаться..

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

Гости:
» [Ваш IP] 17:18:47
/Статьи
» Bing [Bot] 17:18:44
/Поиск
» 57.141.0.8 17:18:31
/Поиск
» 57.141.0.22 17:18:21
/Поиск
» 57.141.0.25 17:18:10
/Поиск
» 57.141.0.19 17:18:10
/Поиск
» 57.141.0.21 17:18:08
/Поиск
» 57.141.0.2 17:18:03
/Поиск
» 47.128.61.236 17:18:00
/Поиск
» 57.141.0.16 17:17:53
/Поиск
24 - не показано

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

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

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