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

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


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


Настройка модуля «Карта сайта»

На странице карта сайта работает модуль «Карта сайта».

Стили для карты сайта настраиваются в файле стилей common.css в строках начинающихся со слова #sm_tree.

В нашем случае необходимо сделать цвет неактивного пункта карты сайта, а так же цвет пункта карты сайта при наведении на него курсора мыши для всех уровней в системе RGB 33626f, цвет активного пункта меню FF4800. Размер шрифта: для нулевого уровня - 14 px, для первого уровня - 12 px, для второго уровня - 10 px, для третьего уровня - 10 px. Шрифт для первого и нулевого уровня - жирный.

Следовательно, в файле common.css изменяем стили следующим образом:

 

/* SITE MAP, SECTION MAP */

.sm_tree { }

.sm_level_1 { }

.sm_level_1 a:link, .sm_level_1 a:visited, .sm_level_1 a:active, .sm_level_1 a:hover { font-size: 14px; }

.sm_level_2 { padding-left: 15px; }

.sm_level_2 a:link, .sm_level_2 a:visited, .sm_level_2 a:active, .sm_level_2 a:hover { font-size: 12px; }

.sm_level_3 { padding-left: 25px; }

.sm_level_3 a:link, .sm_level_3 a:visited, .sm_level_3 a:active, .sm_level_3 a:hover { font-size: 12px; }

.sm_tree_item_selected { font-weight: bold; }

/* END SITE MAP, SECTION MAP */

 

Отредактируем стили:

 

.sm_tree { }

.sm_level_1 { }

.sm_level_1 a:link, .sm_level_1 a:visited, .sm_level_1 a:active, .sm_level_1 a:hover { font-size: 14px;color:#333;font-weight: bold; }

.sm_level_2 { padding-left: 15px; }

.sm_level_2 a:link, .sm_level_2 a:visited, .sm_level_2 a:active, .sm_level_2 a:hover { font-size: 12px;color:#333;font-weight: normal; }

.sm_level_3 { padding-left: 25px; }

.sm_level_3 a:link, .sm_level_3 a:visited, .sm_level_3 a:active, .sm_level_3 a:hover { font-size: 10px;color:#333 ;font-weight: bold;}

.sm_tree_item_selected { font-weight: bold; }

 

На сайте отобразится следующее:

 

Рисунок 67

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

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