Просмотр темы
 основные стили файла style.css
|
|
| jikaka |
Опубликовано 29.08.2010 20:19
|
 Супер Администратор  Разработчики  Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
Для управления внешним видом страницы, кроме файла 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
|
|
|
|
|
| jikaka |
Опубликовано 31.08.2010 06:43
|
|
Супер Администратор Разработчики Сообщений: 4849 Зарегистрирован: 26.07.2010 12:10 |
полная версия теперь доступна здесь |
|
|
|
| Поделиться этой темой | |
| Социальные закладки: |
|
| URL: | |
| BBcode: | |
| HTML: |
| Перейти на форум: |
