Статьи
Последня версия бесплатного портала WebCodePortalSystem V5.2
CSS темы default с комментариями
Документация
CSS темы default с комментариями
/* Комментарий
Темно синий цвет - Таги
(table
);Темно зеленый цвет - ID
тага (td #leftcolumn
);*/
/* Параметры по-умолчанию
*/ body {color: black; background: white; margin:
0px; padding: 0px;}body td, p, div {font-family:Verdana,
Arial, Helvetica, sans-serif; font-size:11px;}/*
Параметры по-умолчанию для всех таблиц (если не определены спецефические)
*/ table {width: 100%; margin: 5px; padding: 5px;
font-size: small}table td {padding: 0px; border-width: 0px;
vertical-align: top; }/* Настройки по-умолчанию для
гиперссылок */ a {color: #666666; text-decoration:
none; font-weight: bold; background-color:
transparent;}a :hover {color: #ff6600;}/* Настройка HTML тэгов заголовков #1-5 и списков
*/ h1 { font-family: tahoma,arial,helvetica;
font-size: 12px; font-weight: normal;text-align:
justify; padding-bottom: 0px; margin-bottom:
0px; }h2 { font-family: arial,helvetica;
font-size: 17px; font-weight: bold; line-height: 20px; text-align:
center; }h3 { font-family: arial,helvetica;
font-size: 15px; font-weight: bold; line-height: 18px; text-align:
center; }h4 {}h5
{}ul { margin: 2px; padding: 2px; list-style: decimal
inside; text-align: left;}li { margin-left: 2px;
list-style: square inside; color: #2F5376}img { border: 0;}/* Маркер
для кнопок форм */ input .formButton
{}/* НАСТРОЙКИ МОДУЛЯ НОВОСТИ, могут быть
применены и в другом месте*/ /* Рамка
вокруг новости */ .item {border: 1px solid
#cccccc;}/* Цвет фона заголовка
*/ .itemHead {padding: 3px; background-color:
#2F5376; color: #FFFFFF;}/* Цвет фона информации о
новости (когда опубликова, кем и т.д.) */ .itemInfo
{text-align: right; padding: 3px; background-color: #efefef;}/* Цвет ссылки на раздел и заголовок новости
*/ .itemTitle a {font-size: 130%; font-weight: bold;
font-variant: small-caps; color: #ffffff; background-color:
transparent;}/* Текст "опубликовано"
*/ .itemPoster {font-size: 90%;
font-style:italic;}/* Текст даты и времени
*/ .itemPostDate {font-size: 90%;
font-style:italic;}/* Цвет текста "прочтено Х раз"
*/ .itemStats {font-size: 90%;
font-style:italic;}/* Поле текста новости и картинки
*/ .itemBody {padding-left: 5px;}/* Текст новости */ .itemText
{margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}/* Первая буква новости
*/ .itemText:first-letter {font-size: 133%;
font-weight: bold;}/* Нижний колонтитул новости
(читать далее и т.д.) */ .itemFoot {text-align:
right; padding: 3px; background-color: #efefef;}/*
Нижний колонтитул новости (ссылки на администрирование новости)
*/ .itemAdminLink {font-size: 90%;}/* Нижний колонтитул новости (Х байт)
*/ .itemPermaLink {font-size:
90%;}/* КОНЕЦ НАСТРОЙКИ МОДУЛЯ
НОВОСТИ */ /* Настройки заголовков
таблиц */ th
{background-color: #2F5376; color: #FFFFFF; padding : 2px; vertical-align :
middle; font-family: Verdana, Arial, Helvetica, sans-serif;}/* Верх сайта (лого и
баннер)*/ td #headerbanner {width: 100%;
background-color: #2F5376; vertical-align: middle;
text-align:center;}/* Серая полоска ниже
*/ td #headerbar {border-bottom: 1px solid
#dddddd; background-image: url(hbar.gif);}/*
НАСТРОЙКА СТОЛБЦОВ КОНТЕНТНОЙ ЧАСТИ (левые блоки, центр, правые
блоки) */ /* Настройка ЛЕВЫХ
блоков */ td #leftcolumn {width: 170px; border-right:
1px solid #cccccc; font-size:12px;}/* Заголовки
таблиц в левом столбце */ td #leftcolumn th
{background-color: #2F5376; color: #FFFFFF; vertical-align:
middle;}/* Заголовки левых
блоков*/ td #leftcolumn div .blockTitle {padding: 3px;
background-color: #dddddd; color: #639ACE; font-weight: bold;}/* Содержание левых блоков*/ td #leftcolumn div .blockContent {padding: 3px; line-height: 120%; line-height:
120%;}/* Настройка ЦЕНТРА страницы
*/ td #centercolumn {font-size: 12px;}/* Заголовки центральных таблиц
*/ td #centercolumn th {background-color: #2F5376;
color: #FFFFFF; vertical-align: middle;}/* Настройки
ЦЕНТРАЛЬНЫХ ЦЕНТРАЛЬНЫХ блоков */ td #centerCcolumn
{padding: 0px 3px 1px 3px;}/* Заголовок центрального
центрального блока */ td #centerCcolumn legend .blockTitle {padding: 3px; color: #639ACE; font-weight: bold;
margin-top: 0px; margin-right: 0px; margin-left: 0px;}/*
Содержание центрального центрального блока */ td #centerCcolumn div .blockContent {border-left: 1px solid #cccccc; border-right: 1px
solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-right:
0px; margin-left: 0px; margin-bottom: 2px; line-height: 120%;}/* Настройки ЦЕНТРАЛЬНЫХ ЛЕВЫХ
блоков*/ td #centerLcolumn {width: 50%; padding: 0px
3px 0px 0px;}/* Заголовок центральных левых блоков
*/ td #centerLcolumn legend .blockTitle {padding: 3px;
color: #639ACE; font-weight: bold; margin-top: 0px;}/* Содержание центральных левых блоков
*/ td #centerLcolumn div .blockContent {border-left:
1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid
#dddddd; padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px;
line-height: 120%;}/* Настройки ЦЕНТРАЛЬНЫХ ПРАВЫХ
блоков*/ td #centerRcolumn {width: 50%; padding: 0px
3px 0px 0px;}/* Заголовок центральных правых блоков
*/ td #centerRcolumn legend .blockTitle {padding: 3px;
color: #639ACE; font-weight: bold; margin-top: 0px;}/*
Содержание центральных правых блоков */ td #centerRcolumn div .blockContent {border-left: 1px solid #cccccc; border-right: 1px
solid #cccccc; border-bottom: 1px solid #dddddd; padding: 3px; margin-left: 2px;
margin-right: 3px; margin-bottom: 2px; line-height: 120%;}/* Управление всем контентом:
*/ div #content {text-align: left; padding:
8px;}/* Настройка ПРАВЫХ блоков
*/ td #rightcolumn {width: 170px; border-left: 1px
solid #cccccc; font-size:12px;}/* Заголовки таблиц
правой стороны */ td #rightcolumn th
{background-color: #2F5376; color: #FFFFFF; vertical-align:
middle;}/* Заголовок правых блоков
*/ td #rightcolumn div .blockTitle {padding: 3px;
background-color: #dddddd; color: #639ACE; font-weight: bold;}/* Содержание правых блоков */ td #rightcolumn div .blockContent {padding: 3px; line-height: 120%;}/* КОНЕЦ НАСТРОЙКИ ОСНОВНОЙ ЧАСТИ СТРАНИЦЫ
*/ /* Нижний колонтитул
*/ tr #footerbar {text-align:center; background-image:
url(hbar.gif);}/* Главное меню
*/ td #mainmenu a {background-color: #e6e6e6; display:
block; margin: 0px padding: 4px;}/* Сыылка в Главном
меню при наведении*/ td #mainmenu a :hover
{background-color: #ffffff;}/* Верхнюю ячейка меню.
*/ td #mainmenu a .menuTop {padding-left: 3px;
border-top: 1px solid silver; border-right: 1px solid #666666; border-bottom:
1px solid #666666; border-left: 1px solid silver;}/*
Оставшиеся пункты меню*/ td #mainmenu a .menuMain
{padding-left: 3px; border-right: 1px solid #666666; border-bottom: 1px solid
#666666; border-left: 1px solid silver;}/* Подпункты
меню */ td #mainmenu a .menuSub {padding-left: 9px;
border-right: 1px solid #666666; border-bottom: 1px solid #666666; border-left:
1px solid silver;}/* Меню пользователя
*/ td #usermenu a {background-color: #e6e6e6; display:
block; margin: 0px padding: 4px; border-right: 1px solid #666666; border-bottom:
1px solid #666666; border-left: 1px solid silver;}/*
Ссылка при наведении */ td #usermenu a :hover
{background-color: #ffffff;}/* Вершина меню
*/ td #usermenu a .menuTop {border-top: 1px solid
silver;}/* Подсветка приватных сообщений
*/ td #usermenu a .highlight {background-color:
#fcc;}/* Стили использующиеся в
таблицах*/ .outer {border: 1px solid
silver;}.head {background-color: #c2cdd6; padding: 5px;
font-weight: bold;}.even {background-color: #dee3e7;
padding: 5px;}.odd {background-color: #E9E9E9; padding:
5px;}.foot {background-color: #c2cdd6; padding: 5px;
font-weight: bold;}tr .even td {background-color: #dee3e7;
padding: 5px;}tr .odd td {background-color: #E9E9E9;
padding: 5px;}/* Системные
*/ div .errorMsg { background-color: #FFCCCC;
text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid
#DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA;
font-weight: bold; padding: 10px;}div .confirmMsg {
background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px
solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA; font-weight: bold; padding:
10px;}div .resultMsg { background-color : #CCCCCC; color:
#333333; text-align: center; border-top: 1px solid silver; border-left: 1px
solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom:
1px solid #666666; padding: 10px;}/* Комментарии
*/ .comTitle {font-weight: bold; margin-bottom:
2px;}.comText {padding:
2px;}.comUserStat {font-size: 10px; color: #2F5376;
font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin:
2px; padding: 2px;}.comUserStatCaption
{font-weight: normal;}.comUserStatus {margin-left: 2px;
margin-top: 10px; color: #2F5376; font-weight:bold; font-size:
10px;}.comUserRank {margin:
2px;}.comUserRankText {font-size:
10px;font-weight:bold;}.comUserRankImg {border:
0px}.comUserName
{}.comUserImg {margin:
2px;}.comDate {font-weight: normal; font-style: italic;
font-size: smaller}.comDateCaption {font-weight:
bold; font-style: normal;}
Оглавление
| На верх
Гостей: 36 Пользователей: 0
Январь
Февраль
Март
Апрель
Май
Июнь
Июль
Август
Сентябрь
Октябрь
Ноябрь
Декабрь
п
в
с
ч
п
с
в
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
-
Site Creator - все для веб-мастера, статьи, программы и многое другое!
HTMLme.org.ua - Твой верный помощник в веб-строительстве и дизайне
Scripts.in.ua (скрипты, хаки, модули, шаблоны и многое другое)
GoldPromo Бесплатные шаблоны для сайтов Joomla 1.5. Шаблоны Joomla 1.5 и 1.0 бесплатно CMS Joomla 1.5 Free Templates
Все для Photoshop - Лучшие уроки, клипарты и шаблоны, книги и программы для овладения фотошопом. Картинки, макросы, текстуры, программа Corel Draw.
-