Центр документации
Карта сайта

Создай визитку сам!


Самоучитель по интеграции дизайна и настройке Amiro.CMS на примере демонстрационной версии пакета Визитка »


Настройка стилей

В процессе интеграции в файле стилей common.css мы уже настроили стили, которые используются в модулях, используемых на сайте.

Теперь настроим стили, которые не были настроены, но могут использоваться в последствии.

 

Стили для ссылки на сайт разработчика:

 

table#sign{width:100%;}

table#sign td{text-align:right;font-family:Verdana; font-size:10px; color:#848484; padding-right:10px; padding-top:10px; padding-bottom:10px;}

table#sign A, table#sign A:hover, table#sign A:visited {color:#848484;text-decoration:underline; font-size:10px;}

 

Стили для заголовков и заголовков ссылок:

 

h1, .alt_header1, h1 a, h1 a:visited {color:#0066FF;font-size:16px; font-family: tahoma, arial, verdana; font-weight:bold; margin-bottom:5px; margin-top:5px;}

h2, .alt_header2, h2 a, h2 a:visited {color:#FF6600; font-size:14px; font-family: tahoma, arial, verdana; font-weight:bold; margin-bottom:5px; margin-top:5px;}

h3, .alt_header3, h3 a, h3 a:visited {color:#616161;font-size:12px;font-weight:bold; margin-bottom:5px; margin-top:5px;}

h4, .alt_header4, h4 a, h4 a:visited {color:#000000;font-size:13px;font-weight:bold; margin-bottom:5px; margin-top:5px;}

h5, .alt_header5, h5 a, h5 a:visited {color:#33626F;font-size:12px;font-weight:normal; margin-bottom:5px; margin-top:5px;}

 

Стили для выпадающего меню:

 

.submenu { position:absolute; left: 0; top:0; visibility:hidden; width:100px}

.pd_menu {border:1px #FF4800 solid; background-color:#FF4800; }

.pd_menu td {color:#fff; border:0px; background-color:#FF4800;

padding:5px 8px 5px 8px}

.pd_menu a, .pd_menu a:visited {font-size:11px; font-weight: bold;

text-decoration:none; text-transform:none; color:#fff;}

.pd_menu a:hover { color:#ffff00; text-decoration:none; font-size:11px;font-weight: bold}

 

Стили для таблицы, которой выставлен атрибут class=tbl:

 

TABLE.tbl {border:1px #F2F0F0 solid}

TABLE.tbl TD {border:0px}

TABLE.tbl TH {color:#5A5A5A;border:0px; background-color:#FBFAFA;font-size:11px;padding:5px 8px 5px 8px}

TABLE.tbl TH.al {color:#5A5A5A;border:0px; background-color:#FBFAFA;font-size:11px;padding:5px 8px 5px 8px; text-align:right; font-weight:normal;}

TABLE.tbl TD {border:0px;font-size:11px;padding:5px 8px 5px 8px}

 

 

Версия для печати

Установка и настройка Руководство пользователя Интеграция дизайна Разработчикам (API)
 2000 – 2021 © Amiro.CMS Все права защищены.