Sony
Сентябрь чт. 09 2010 г. в 8:30
Статьи
Последня версия бесплатного портала WebCodePortalSystem V5.2

CSS темы default с комментариями

Автор: Александр Ковальский
E-Mail: webing@kmstudio.com.ua
Источник: kmstudio.ru
Добавлено: 2005-06-30 21:13:50

Документация
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;}

Понравилась статья? Поделись с друзьями!
Facebook Опубликовать в LiveJournal Tweet This


Оглавление   |  На верх


Nik:
Ваш E-Mail:
Комментарий:
HTML-теги Вырезаются!!!
* Введите защитный код из символов, отображенных в виде изображения.
Если вы не можете прочитать код с изображения, нажмите на изображение для генерации нового вида кода.
 
 
Тема страницы:

CSS темы default с комментариями: WCPS - Статьи

Диски москва, Slim PSP купить, sony PS3 игра, консоль xbox360, игры xbox 360 купить
Навигация

Статистика




Статьи

WCPS

5 RND Глоссарий
Портал
ЧПУ
WordPress
CMS
Система управления сайтом

На Сайте
Гостей: 36
Пользователей: 0



10 статей
WordPress
XOOPS
Joomla
Drupal
Что такое Облако Тегов
Как создать сайт на CMS
Как повысить цитируемость вашего портала
Регистрация Своего Модуля В БД или о модуле "Навигация"
Делаем тему (пошаговое руководство)
CSS темы default с комментариями

п в с ч п с в
 
 
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
     
<< Сентябрь 2010 >>
10 файлов
Наши опросы Vote v2.4 [96]
ПодМодуль Эспорт-импорт SQL Dumper v1.0.6 [117]
Редактор тем [530]
Портал WebCodePortalSystem V5.2 [985]
Update портала с версии 4.4 до 4.4.1 [60]
Update портала с версии 5.1 до 5.2 [114]
Портал WebCodePortalSystem 4.3.1 [262]
Модуль Links v2.1 [85]
Доска обьявлений Board v 2.0 Lite [121]
Афоризмы RNDTextV1.0 [133]

10 файлов (скач.)
Глоссарий (словарь) [1]

10 Новые товары
Облако тегов
Цена: 75.00 WMU
Модуль Анекдотов
Цена: 225.00 WMU
Модуль видео
Цена: 195.00 WMU
Фото галлерея
Цена: 150.00 WMU
Портфолио
Цена: 150.00 WMU

Атестат
www.megastock.ru


- Для вебмастера
  • Site Creator - все для веб-мастера, статьи, программы и многое другое!
  • Шаблоны web-сайтов от TemplateMonster
    Меню для сайта с помощью jQuery
    DataLife Engine 9.0
    Винтажная визитка
    We Love Colors Buttons PSD
  • HTMLme.org.ua - Твой верный помощник в веб-строительстве и дизайне
  • Site-Auditor v.1.96
  • Scripts.in.ua (скрипты, хаки, модули, шаблоны и многое другое)
  • DLE 8.5 and SHOP 2.5
    WAYTOBEST v1.2 шаблон для YSE TBDEV
    The green
    DLE + социальная сеть 2.5 + контент, Зарегесрировано пользователей более 100 человек
    порно шаблон для DLE 8.5 (девушки развратницы)
  • GoldPromo Бесплатные шаблоны для сайтов Joomla 1.5. Шаблоны Joomla 1.5 и 1.0 бесплатно CMS Joomla 1.5 Free Templates
  • JV Futa - Бизнес шаблон для Joomla 1.5 от JoomVision
    S5 University - Шаблон для Joomla 1.5 (Июль 2010) Шаблон для Института, Академии!
    JP Simple Shop 2.0 - Шаблон для Joomla 1.5 для Интернет Магазина от JoomlaPraise
    TP SoftPlazza - Шаблон для Joomla 1.5 на тему Софта от TemplatePlazza
    IT TheLodge - Красивый шаблон для Joomla 1.5 с Слайд Шоу! От Icetheme + PSD (Июнь 2010)
  • Все для Photoshop - Лучшие уроки, клипарты и шаблоны, книги и программы для овладения фотошопом. Картинки, макросы, текстуры, программа Corel Draw.
  • Романтические Рамки для Фото
    Грузовики в Векторе
    Алфавит с Дидлами
    Вектор - Золотой Орнамент
    Яркие Векторные Фоны
    - SEO оптимизация
     Работает под управлением KMStudio v. 6.0.08

     

    Страница сгенерирована за 0.086 сек..