Подскажите пожалуйста как необходимо написать в css чтобы активная страница, на которой я нахожусь подсвечивалась?
При просмотре кода страницы в браузере, в данном моменте открыта главная страница:
- Код: Выделить всё
<ul class="menu">
<ul class="nav"><li class="nav-selected nav-path-selected"><a href="/" target="_self" class="nav-selected nav-path-selected">Главная</a></li><li class=""><a href="/contacts/" target="_self" class="">Контакты</a></li></ul>
<li class="expand"></li>
</ul>
Меню на сайте вывожу через вот этот код (подсмотрел в скаченном шаблоне) как можно вывести меню по другому не знаю:
- Код: Выделить всё
<?php $bt=BlockType::getByHandle('autonav'); $bt->controller->displayPages = 'top';
$bt->controller->orderBy = 'display_asc';
$bt->controller->displaySubPages = 'one';
$bt->controller->displaySubPageLevels = 'custom';
$bt->controller->displaySubPageLevelsNum = '3';
$bt->render('templates/header_menu_dropdown');
?>
CSS меню:
- Код: Выделить всё
ul.menu {
margin: 0;
padding: 0;
display: inline-block;
background-color: #FFFF00;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFA500), to(#FFFF00));
background-image: -webkit-linear-gradient(#FFA500, #FFFF00);
background-image: -moz-linear-gradient(top, #FFA500, #FFFF00);
background-image: -ms-linear-gradient(#FFA500, #FFFF00);
background-image: -o-linear-gradient(#FFA500, #FFFF00);
background-image: linear-gradient(#FFA500, #FFFF00);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA500', endColorstr='#FFFF00', GradientType=0);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
width: 690px;
}
ul.menu li {
float: left;
list-style: none;
border-right: 1px solid #FFA500;
position: relative;
}
ul.menu li a {
color: white;
display: block;
font-family: Arial;
font-size: 13px;
padding: 8px 40px 10px;
text-decoration: none;
border-right: 1px solid #FFFF00;
}
ul.menu li a:hover {
background-color: #FFFF00;
}
ul.menu li:first-child a:hover {
border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
}
СПАСИБО ЗА ПОМОЩЬ!
