Подробное описание style.css файла двига

Вот решил исполнить то что когда то обещал.
Щас покурю и займусь написанием, просьба пока не флудить.
Тему создал чтоб откликнулись дизайнеры и помогли дополнить материал :-)

Статья будет подробной поэтому будет долго писаться, надеюсь за понимание.

Итак начнем.
Как я понимаю вы уже догадались что это за файл, если нет то скажу, это файл стиля от стандартной темы оформления на джон 3.2
Сейчас мы с вами попытаемся понять, а что же за буковки тут написанны и для чего они нужны вообще.


Для начала начнем с самого начала :-)
Итак, для удобства мы будем рабивать блоки чтоб они были более понятными.

/*Блок 1.Данный блок отвечает за цвет ссылок на всем сайте*/
a:link, a:visited <- Это псевдоклассы, они отвечают за цвет не посещенных сылок и посещенных соответственно
{
color: #0000bb; <- Тут мы задаем цвет этих самих ссылок
text-decoration: underline; <-Ну а тут мы показываем как должны выглядеть наши ссылки, то есть наводим красоту, свойство text-decoration используется для определения подчёркивания текста. Для удаления подчёркивания просто установите в text-decoration значение none.
}
------------
/*Блок 2, это тоже псевдо классы, но они уже отвечают за цвет ссылок при наведенном курсоре*/
a:hover{ color: red; text-decoration: none; } <- Этот псевдо класс отвечает за состояние ссылки при наведение курсора
a:active{ color: #666600; text-decoration: underline; } <- Этот отвечает за Состояние ссылки при нажатом курсоре.
------------
/*Блок 3, самое прекрасное и немаловажное :-),данный блок отвечает за цвет фона сайта и остальной части сайта которым не назначенны какие либо доп стили.*/
body{
background-color: #ffffff; <- Тут задаем цвет фона, ну или же можно присобачить картинку на фон
color: #000000; <-Тут мы указываем цвет текста на нашем сайте
font-family: Arial, Tahoma, sans-serif; <-Это показываем какой шрифт текста нужно использовать на сайте
font-size: small; <- Этот атрибут указывает размер текста
margin: 0px; <- Высота
padding: 0px; <- ширина
}

/*Блок 4,данный параметр отвечает за цвет, ширину, длину и так далее ВСЕХ форм ввода на сайте.*/
form{ font-size: small; margin: 0px; padding: 0px; }
------------
/*Блок 5, данный параметр устанавливает красоту на тег h третьего уровня */
h3{ margin: 0; padding: 0; padding-bottom: 2px; }
------------
/*Блок 6, данный тег предназначен для прорисовки линии разрыва строчек, ну нупример вы видели форум:-) вот там есть такие маленькие и тонкие линии, так вот это оно и есть :-)*/
hr{ border: 0; border-top: 1px solid gray; margin: 0; }
------------
/*Блок 7,Определяет текстовый абзац. Тег <p> является блочным элементом, всегда начинается с новой строки*/
p{ margin-top: 6px; margin-bottom: 6px; }
------------
/*Блок 8 Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства. (Копипаст:-))*/
ul{ margin: 0; padding-left: 20px; }

/*Блок 9,данный стиль используется в джоне для вывода информации о бане в шапке сайта*/
.alarm{
background-color: red; <-Цвет фона
border: 1px solid white; <- Линия разрыва, белого цвета
color: #ffffff; <-Цвет текста , вроде тож белый
font-weight: bold; <- Устанавливает насыщенность шрифта
padding: 3px 0px 3px 4px; <-Устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое
}
------------
.alarm a:link,.alarm a:visited{ color: #FFFFFF; font-size: x-small; } <- Это уже проходили, смотреть первый блок
/*Блок 10, Этот сласс у нас прописан во многих местах, например госте, форуме, итак далее, этот класс так же как и классы с, list1, list2 применяются для украшения выводимых постов, категорий и так далее, вы наверно видите на форуме, один пост в светлом блоке другой в темном.*/
.b{ background-color: #e8e8e8; margin: 0px; padding: 2px; }
------------
/* Блок 11, этот класс есть на главной страничке и в форуме, выделяют с помощью него в основном разделы*/
.bmenu{
background-color: #bfc6cf; <- цвет
border: 1px solid white; <- Линия
margin: 0px; <- отступ
padding: 2px 4px 4px 4px; <- Внешний отступ блока
}
------------
/*Блок 12, смотрите блок 10*/
.c{ background-color: #ffffff; margin: 0px; padding: 2px; }

Ну пока думаю хватит на сегодня.
Есть вопросы или замечания, пишем.

Текст не пиши в тегах кода, можно ограничиться двумя блоками на пост

Koenig (02.11.2011/17:39)
Текст не пиши в тегах кода, можно ограничиться двумя блоками на пост

Оке

Темка инетересная и весьма позновательная для пользователей двига, особенно начинающих.
Поэтому если будут сообщения не по теме, флуд, разборки и т.д., уйдёте в бан. Это ко всем относится.
И неговорите потом, что я вас непредупреждал.

P.S.: Цитировать и отвечать на этот пост ненужно.

localhost, молодец. Хорошая работа!