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

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

База аддонов
База аддонов
31% [5 Голосов]

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

Общение
Общение
31% [5 Голосов]

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

Другое
Другое
19% [3 Голосов]

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

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

Vveb--ws
Offline
· 17.07.2018 21:54
я ж сделал фужик на utf8 но насчёт японского не в курсе. сборник Bogatyr в подписи

Polarfox
OfflineAdmin
· 16.07.2018 15:26
зависит от кодировки, в нашей старинной 7 она 1 байт.

PahaW
Offline
· 16.07.2018 08:50
японский язык не понимает база ))) хех

PahaW
Offline
· 16.07.2018 08:45
ab

Polarfox
OfflineAdmin
· 16.07.2018 06:36
это кто отстаивает свои права

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

Гости:
» [Ваш IP] 00:13:12
/Статьи
» 58.173.109.242 00:13:07
/Статьи
» Yandex [Bot] 00:12:51
/Поиск
» 23.94.102.51 00:12:18
/Статьи
» 69.162.124.235 00:11:22

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

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

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