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

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

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

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

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

Очень редко
Очень редко
25% [1 Голос]

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

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

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

jikaka
OfflineAdmin
· 24.01.2023 07:11
af

Warhangel
OfflineAdmin
· 09.12.2022 04:39
угу закрылся

PahaW
Offline
· 02.12.2022 04:01
а англоязычный сайт с модами на сколько помню закрылся

PahaW
Offline
· 02.12.2022 03:59
Redfield, У меня на старую версию должно было быть на компе какое-то кол-во модов

PahaW
Offline
· 02.12.2022 03:59
ad

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

Гости:
» [Ваш IP] 22:17:39
/Статьи
» 198.235.24.35 22:17:33
» Bing [Bot] 22:17:27
/moddb/error.php
» Bing [Bot] 22:16:53
/moddb/error.php

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

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

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