Как изменить оформление пунктов меню

  • Понедельник, 07 ноября 2005

Довольно часто начинающие пользователи Joomla! спрашивают как можно изменить оформление пунктов меню. Для изменения оформления пунктов меню необходимо отредактировать CSS стили меню в шаблоне.

Приводим описание классов CSS отвечающих за оформление пунктов меню: 

/*этот класс отвечает за оформление пунктов меню*/
a.mainlevel:link, a.mainlevel:visited{
   font-family:Arial; /*тут задаем семейство шрифтов*/
   font-size: 13px; /*тут задаем размер шрифта*/
   color:#0000FF; /*тут задаем цвет шрифта*/
   font-weight: normal; /*тут задаем оформление - обычный или жирный шрифт*/
   text-decoration: none; /*тут задаем, будет ссылка подчеркнута или нет*/
}

/*этот класс отвечает за оформление пунктов меню при наведении курсора */
a.mainlevel:hover{
   font-family:Arial;
   font-size: 13px;
   color:#000099;
   font-weight: normal;
   text-decoration: underline;
}

/*этот класс отвечает за оформление активных пунктов меню, т.е. тех, где вы сейчас находитесь */
a.mainlevel:link#active_menu, a.mainlevel:visited#active_menu{
   font-family:Arial;
   font-size: 13px;
   color:#000099;
   font-weight: bold;
   text-decoration: none;
}

Joomla!® CMS — пожалуй, лучшая система управления контентом с открытым исходным кодом

Логотип Joomla

Joomla! — это больше, чем просто программное обеспечение, это люди, включающие разработчиков, дизайнеров, системных администраторов, переводчиков, копирайтеров, и, что самое главное — простых пользователей.

Мы рады пригласить вас в ряды нашего сообщества!

Свернуть

Коротко о главном в Joomla

Новости портала

Новое в блогах

Видео

Форум о Joomla