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

Голосование
Что вас интересует на нашем сайте больше всего?

База аддонов
База аддонов
11% [1 Голос]

Форум, поиск ответов
Форум, поиск ответов
33% [3 Голосов]

Общение
Общение
33% [3 Голосов]

Новости
Новости
0% [0 Голосов]

Другое
Другое
22% [2 Голосов]

Голосов: 9
Вы должны авторизироваться, чтобы голосовать.
Начат: 16.05.2017 07:06

Архив опросов
Случайная тема
Друзья проекта
Unlogic W0rst Lab
All Fusion :: Плагины, моды, темы оформления для 6 и 7 версий PHP-Fusion
Система Smart для PHP-Fusion
Миничат
Только пользователи могут отправлять сообщения.

PahaW
Offline
· 21.08.2017 06:43
jikaka, Ах лето ))) лето красное будь со мной ))

Alex
Offline
· 11.08.2017 19:30
есть ли бб-коды вставки видео из вк, и музыки из яндекса?

Alipapa
Offline
· 18.07.2017 22:13
тоже попадалась

Alex
Offline
· 18.07.2017 12:50
встретилась реклама в директе тык ab

jikaka
OfflineAdmin
· 12.07.2017 11:14
Alex, потому что лето...

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

Гости:
» [Ваш IP] 16:47:21
/Статьи
» 46.229.168.77 16:47:20
/Поиск
» 51.255.65.33 16:47:19
/Поиск
» 137.74.201.99 16:47:17
/Поиск
» Yahoo [Bot] 16:47:11
/Поиск
» 46.229.168.76 16:46:59
/Поиск
» 51.255.71.121 16:46:37
/Поиск
» Yandex [Bot] 16:46:22
/Поиск
» 164.132.161.22 16:45:59
/Поиск
» 51.255.65.27 16:45:56
/Поиск
19 - не показано

» Всего пользователей: 1,305
» Новый пользователь: seregenka
В базе имеется
аддонов: 952
тем: 137
Иерархия статей
Описание файла style.css

Для управления внешним видом страницы, кроме файла theme.php, в PHP-Fusion используется файл style.css. Если первый файл управляет структурой страницы, то второй отвечает за "фасад" - цвета фона, текста, заголовков, ссылок, размер шрифта и так далее.

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

Ниже приведены описания всех классов файла style.css на основе стандартной темы Gillete.

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

a {...}
a:hover {...}
a.side {...}
a:hover.side {...}
a.white {...}
a:hover.white {...}
- от этих стилей зависит облик и поведение ссылок на Вашем сайте

hr {...}
hr.side-hr {...}
- устанавливает размеры и цвет горизонтальных линий выводимых соответствующим тэгом

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

pre {...} - определяет облик блока предварительно форматированного текста

.alt {...}
.spacer {...}
.center {...}
- определяют облик дополнительных классов

.admin-message {...} - определяет облик приватных сообщений

.form {...} - определяет внешний вид всех форм

.button {...} - фон, шрифт, окантовка кнопок

.bbcode {...}
.bbcode-popup {...}
- определяет облик bb-кодов

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

.full-header {...}
.sub-header {...}
.sub-header-left {...}
.sub-header-right {...}
- определяет облик шапки сайта

.main-footer {...}
.bottom-footer {...}
- определяет облик подвала сайта

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

.main-bg {...}
.side-border-left {...}
.side-border-right {...}
.side-left {...}
.side-right {...}
- фон и отступы от границ (в пикселах) от верха, низа, левой и правой границ

.scapmain {...}
.scapmain-left {...}
.scapmain-right {...}
- облик заголовка боковых панелей

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

.news-category {...}
.news-footer {...}
- определяют облик дополнительных классов, относящихся к новостям, статьям

.capmain {...}
.capmain-left {...}
.capmain-right {...}
- облик заголовка центральных панелей

.tbl-border {...}
.tbl {...}
.tbl1 {...}
.tbl2 {...}
- облик таблиц сайта, какие, например, используются на страницах форума

.forum-caption {...} - определяет облик подписи юзера на форуме

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

.poll {...} - внешний вид голосования

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

.shoutboxname {...}
.shoutbox {...}
.shoutboxdate {...}
- определяет шрифт, цвета ников и даты в мини-чате

.small {...}
.small2 {...}
- облик текста отмеченного соответствующими классами

.side-small {...}
.side-label {...}
- определяют облик дополнительных классов

#navigation {...} - облик css-навигации (начиная с 7-ой версии)

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


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


#1 | Polarfox 31.08.2010 15:05
Avatar
Отсутствует
Администратор
Активный
С 20.08.2010 14:03
Еще бы примеры сделал как смотрится оно.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле.
Ежели кто забанен за спам, но не считает себя ботом: можете сообщить мне об этом, все будет хорошо.

PolarLab - вход для подопытных
#2 | jikaka 31.08.2010 20:12
Avatar
Отсутствует
Супер Администратор
Активный
С 26.07.2010 12:10
например?
мысли | фото
#3 | Djakonda 01.11.2010 00:38
No Avatar
Отсутствует
Пользователь
Активный
С 31.10.2010 18:44
Psc --- Зачет bi
#4 | Rasmusok 03.03.2011 11:08
Avatar
Отсутствует
Пользователь
Активный
С 21.11.2010 16:18
Тема глуповата... ибо у нее нет смысла... css можно переписать полностью как надо тебе... и если и писать определения то уж тогда на все стили CSS
Разработка сайтов. Продвижение. Раскрутка. www.wooas.ru
Начхать на красоту, главное что под капотом.
#5 | jikaka 03.03.2011 13:03
Avatar
Отсутствует
Супер Администратор
Активный
С 26.07.2010 12:10
почему же глуповата? здесь кратко описывается, что используется в стандартных темах в файлах стилей...
естественно, все можно переписать и переименовать как душе угодно, но это другой разговор
мысли | фото
#6 | Shtormik 07.07.2013 18:43
Avatar
Отсутствует
Пользователь
Активный
С 07.07.2013 13:49
Нужная статейка (особо для новичков), можно распечатать и подглядывать, типа шпаргалка
Добавить комментарий
Пожалуйста, залогиньтесь для добавления комментария.
Рейтинги
5 (Отлично!) - 2 Голоса

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

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