Привет всем, у меня два вопроса. Думаю начнем с простого)))
Сайт для просмотра: http://tezey.egorloginov.ru/
1) Страницы и категории имеют схожие классы по содержанию ( в хеадере – они выводят абсолютно идентично – только имя различяются)
вот пример класса категорий:
-----------------------------------------
Сategories
-----------------------------------------
*/
#cat{float:right; margin:30px 0px 0px; line-height:1.4em; font-size:0.8em}
#cat ul{list-style-type:none; width:100%}
#cat li{display:block; display:inline}
#cat a:link,
#cat a:visited{padding:5px; display:block; color:#353434; margin-right:10px; float:left; text-decoration:none; font-size:1.4em; font-weight:bold; text-transform:uppercase}
#cat a:hover{color:#fff; background:#000}
ul#cat li.current_category_item a:link,
ul#cat li.current_category_item a:visited,
ul#cat li.current_category_item a:hover,
ul#cat li.current_category_item a:active{color:#fff; text-decoration:none; background:#000}
/*Так вот суть заключается в следующем: когда находимся на опр. странице то она подсвечивается, чего не скажешь о категории, где этого не происходит хотя active стоит. В чем может быть проблема?
2. Вопрос – скорее задача.
Нужно сделать так, чтобы все категории имели свои собственные цвета когда наводишь (как сейчас они все черные). это реализовывается похожим методом, как показано здесь –
http://forum.maxsite.org/viewtopic.php?id=4672 только характерно для категории?
заменить .current_category_item на .current-cat
Благодарю за ответ. Я кстати был близок поменял page на category – дальше бошка не сработала.
Но ваше решение не работает – пробовал – current_cat_item и current_cat
acornwalle, аккуратнее надо с буквами. Вам написали "current-cat", а не "current_cat". Может Вам и пофигу, а браузеру – нет 😉 Между прочим, могли и сами html посмотреть, не велика премудрость.
Ю.Б., вы абсолютно правы – извините за раздалбайство. fear86 – приношу и вам своим извинения. теперь все работает, как надо. Благодарю.
А во втором вопросе – я верным курсом иду?
А кто Вас знает, куда Вы идете 🙂 Смотрим код:
<li class="cat-item cat-item-16"><a href="http://tezey.egorloginov.ru/?cat=16" title="Просмотреть все записи в рубрике Концерты">Концерты</a></li>
Индивидуальный класс элемента списка – cat-item-16. Вот с ним и играемся:
.cat-item-16 a:hover {background: red;}
аналогично
.cat-item-21 a:hover {background: green;}
Типа так.
Ю.Б., спасибо Вам. Того, чего хотел, добился.
А как можно реализовать подсвечивание разным цветом активных рубрих. current-cat работает только для всех. Реально ли сделать так, чтобы у каждой рубрики был свой цвет, когда она активна?
селектор: .cat-item-16.current-cat {background: red;}