Для управления внешним видом страницы, кроме файла 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 {
(...) }
- определеяет цвета рамок, и границы фотоальбома.
Вот основные используемые стили. В принципе тема может использовать и свои
собсвенные, которые в этом случае слудет добавить в тот же файл style.css.
Но внешний вид элементов дизайна определяется не только стилевыми таблицами,
часто необходима графика, как же быть? |