Довольно часто начинающие пользователи 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;
}
