Активный раздел в меню

[istorik]

Приветсвую друзья!

Очень нужна помощь с меню в joomla. Никак не могу добиться чтобы активный раздел (раздел в котором находится пользователь в данный момент) был выделен в меню. Задача вроде бы тривиальная, но что то не выходит у меня никак. Искал аналоги, смотрел другие шаблоны, там все работает. Здесь никак. Выделение существет при наведении на пункт меню и снимается после того как пользователь перешел в раздел.

Вот листинг который отвечает за стиль меню.

ul#horizont_menu
{
MARGIN-LEFT:1px;
DISPLAY:block;
FLOAT:left;
LIST-STYLE:none;
}
ul#horizont_menu li
{
DISPLAY:block;
FLOAT:left;
POSITION:relative;
}
ul#horizont_menu li ul
{
FLOAT:left;
WIDTH:295px;
LIST-STYLE:none;
DISPLAY:block;
POSITION:absolute;
LEFT:-9999px;
TOP:41px;
MARGIN:0px;
BACKGROUND:#e5c201;
BOX-SHADOW:0px 3px 6px #C0C0C0;
}
ul#horizont_menu li:hover ul
{
LEFT:-20px;
POSITION:absolute;
Z-INDEX:2000;
}
ul#horizont_menu li ul li
{
FLOAT:left;
WIDTH:295px;
MARGIN:0px;
}
ul#horizont_menu li:hover ul li a
{
TEXT-TRANSFORM:none;
DISPLAY:block;
FLOAT:left;
FONT-SIZE:14px;
LINE-HEIGHT:195%;
HEIGHT:30px;
WIDTH:255px;
COLOR:#000000;
MARGIN:0px;
BORDER:0px #fff solid;
BORDER-BOTTOM:1px #fff dotted;
BACKGROUND:url(../images/spacer.gif);
}

ul#horizont_menu li a
{
	 DISPLAY:block;
	 FLOAT:left;
	 COLOR:#015298;
	 PADDING-LEFT:20px;
	 PADDING-RIGHT:20px;
	 BORDER-LEFT:1px #afb6be dotted;
	 HEIGHT:41px;
	 LINE-HEIGHT:300%;
	 FONT-SIZE:12px;
	 TEXT-TRANSFORM:uppercase;
}
ul#horizont_menu li:hover a
{
	 BACKGROUND:url(../images/link_hover.jpg);
}

	 ul#horizont_menu li:active a
{
	 BACKGROUND:url(../images/link_hover2.jpg);
}

Я так понимаю что "horizont_menu li:hover" отвечает за выделение раздела в меню при наведении. Мне нужно чтоб таким же образом выделялось в меню, когда пользователь находится в этом разделе. Сделал по аналогии "horizont_menu li:active a" - на работает. Пытался еще несколько вариантов подключить, не выходит.

Подскажите пожалуйста.

Закинул шаблон на тестовый, можно визуально поковырять тут

Заранее спасибо за решение.

[vlasenkov]

Дело в том, что вам надо менять сам HTML (шаблон).

Когда вы переходите в раздел "Материалы" (например), то в меню "Материалы" остаются той же ссылкой, поэтому она не меняется. Стилями тут не обойтись. Нужно менять шаблон, т.е. при переходе в какой-либо раздел, у ссылки ведующий на этот раздел менять стиль (или убирать ссылку с раздела в меню). Это делается или через PHP или через их язык в самом шаблоне.

Как-то так.

[rus]

.selected {
background: url("../images/sublink_hover.jpg") no-repeat scroll 8px 11px #F5DB48;
}

стиль для селектед (нажатый) пропишите и будет вам счастье

[istorik]

Все получилось ЭВРИКА!

Спасибо.

Edited March 31, 2013 by istorik