Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Шаблоны (TPL) Выделение активной страницы цветом в top menu шаблон pisces

Выделение активной страницы цветом в top menu шаблон pisces


     03.07.2013    Шаблоны (TPL)    1999

вопрос
Адаптирую стандартный шаблон Pisces под себя.
Там при наведении на категорию она подсвечивается изображением topmenu.jpg . Как сделать чтобы категория подсвечилась и когда она открыта (как на этом сайте)

Скину сюда код

Ответил: КЭП


Добавьте к требуемой ссылке класс selected.
Для подсветки текущего раздела используйте теги aviable, category

Комментарии пользователей (3)

cowsd
2

cowsd - 3 июля 2013 12:30 - Юзер

Спасибо, что навел меня, но исполнить я так и не смог. Может ты сумеешь мне помочь еще раз?
Значит в topmenu.tpl добавил через категори класс селектед

<ul id="topmenu" class="lcol reset">
<li [category="2"]class="selected"[/category]><a href="/books"><b>Books</b></a></li>
<li[static="about"]class="active"[/static]><a href="/about.html"><b>О сайте</b></a></li>
и т.д....
</ul>

А в ксс, в ту часть где описывается топменю, добавил следующее:

#topmenu a.selected
{ color: #eb9f0c;
    background: url("../images/topmenu.png") no-repeat 0 -999px;
}

Пробовал разные варианты в ксс, но все равно ничего не добавился

ravchik
66

375 | 123

ravchik - 4 июля 2013 06:38 - Юзер

Вы добавляете класс "selected" к элементу списка li, а не к ссылке, попробуйте сделать так:
#topmenu li.selected {
...
}

cowsd
2

cowsd - 4 июля 2013 13:54 - Юзер

Еще вчера попробовал подставить li - эффекта ноль.
Может в ксс уже что-то указано про выделенную ссылку и происходит какой-нибудь конфликт?
Или я неправильно в самом тпл файле указываю категорию?
<li [category="2"]class="selected"[/category]><a href="/books"><b>Books</b></a></li>

У меня категория Books стоит в списке категорий под id 2, я все правильно прописал в этой части?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы