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

Автор темы: jikaka
ID темы: 45
Информация:
Тема содержит 2 сообщения, была просмотрена 5075 раз.
Просмотр темы
PHP-Fusion Russia » Информация » FAQ
 Распечатать тему
основные стили файла style.css
jikaka
Для управления внешним видом страницы, кроме файла theme.php, в PHP-Fusion используется файл style.css. Если первый файл управляет структурой страницы, то второй отвечает за "фасад" - цвета фона, текста, заголовков, ссылок, размер шрифта и так далее.

В файле style.css располагаются описания различных стилей, используемых на страницах сайта. Большинство из них имеют стандартные, общие для всех тем названия. Самый простой и эффективный способ разобраться с тем какой стиль за что отвечает, это открыть страничку сайта в браузере и посмотреть ее исходный HTML-код.

Ниже приведены описания основных стилей.

body {...}

- определяет общий вид темы (шрифт по умолчанию, размер, отступы и т.д.)


a {...}
a:hover {...}
a.side {...}
a:hover.side {...}
a.white {...}
a:hover.white {...}

- от этих стилей зависит облик и поведение ссылок на Вашем сайте


hr {...}
hr.side-hr {...}

- устанавливает размеры и цвет линй выводимых тэгом by <hr>


.button {...}

- фон, шрифт, окантовка кнопок


.textbox {...}

- внешний вид полей ввода (пароля, например)


.main-bg {...}
.side-border-left {...}
.side-border-right {...}

- фон и отступы от границ (в пикселах) от верха, низа, левой и правой границ


.tbl-border {...}
.tbl {...}
.tbl1 {...}
.tbl2 {...}

- облик таблиц сайта, какие, например, используются на страницах форума


.quote {...}

- внешний вид процитированного (на форуме) текста


.poll {...}

- стиль голосования


.comment-name {...}

- внешний вид, в котором будут представлены ники авторов комментариев


.shoutboxname {...}
.shoutbox {...}
.shoutboxdate {...}

- определяет шрифт, цвета ников и даты в мини-чате


.small {...}
.small2 {...}

- облик текста отмеченного, как small или small2


.gallery {...}
.gallery img {...}
.gallery:hover img {...}
img.activegallery {...}

- определеяет цвета рамок, и границы фотоальбома


.scapmain {...}

- облик заголовка боковых панелей



.side-body {...}

- облик содержимого боковых панелей



.capmain {...}

- облик заголовка центральных панелей


.main-body {...}

- облик содержимого центральных панелей


.navigation {...}

- облик css-навигации (7-я версия)


.pagenav {...}

- облик переходов между страницами (Страница 1 из 3 1 2 3)


.form {...}

- облик форм
x1
 
Web
jikaka
полная версия теперь доступна здесь
by
 
Web

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

Перейти на форум: