Joomla 1.5 Присвоение другого стиля активной категории меню

Я хочу, чтобы ссылка раздела меню, на котором я нахожусь, имела отличающийся от других стиль.

Нашла такой код -

<?php
// можно свой код ставить тут
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '',
'after_title' => '',
));
// или тут
?>
Но так, как не очень хорошо разбираюсь в PHP, не могу понять куда его ставить и что нужно преобразовать в нем именно для МОЕГО меню.

Мое меню в данный момент имеет следующий вид -

<div id="menudiv">
<?php if ($this->countModules('menu')): ?>
<jdoc:include type="modules" name="menu" style="menu" />
<?php endif; ?>
</div>

 

Вообще-то в Joomla активный пункт меню сразу имеет свой класс - .active

Прописывайте для него свои стили в CSS. Зачем придумывать что-то еще?

 

Нет, вы не поняли. Activ - дает стиль при нажатие кнопки. А я хочу, чтобы если я нахожусь в разделе Главная, пункт в меню "Главная" становился другого стиля. Например все с белым фоном, а он с зеленым.

 

Нет, это Вы не поняли. activ дает стиль активного раздела. Т.е того раздела, той страницы, на которой пользователь находится сейчас.

 

Тогда я делаю что-то не так, потому что он мне показывает этот стиль лишь в момент нажатия кнопки мыши.

 

Адрес сайта?

 

Он на локальном сервере.

Вот код того куска

<div id="menudiv">
<?php if ($this->countModules('menu')): ?>
<jdoc:include type="modules" name="menu" style="menu" />
<?php endif; ?>
</div>

И код стилей

#menudiv{
padding:0;
padding-left:6px;
margin-top:30px;
}
#menudiv ul{
list-style: none;
margin: 0;
padding: 0;
}
#menudiv li{
margin: 0;
height: 24px;
background-image:url(../images/arrow_menu.gif);
background-repeat:no-repeat;
padding-left: 24px;
}
#menudiv li a{
font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif ;
color:#ffffff;
text-decoration:none;
}
#menudiv li a:hover{
background:#FF9900;
}
#menudiv li a:active{
background: #000;
}

 

Вы не поняли, о чем я. Класс и свойства - это совершенно разные вещи. Я говорю про класс li.active, Вы мне говорите про свойство a:active.

Я отписывался по этому вопросу здесь - http://joomla-support.ru/post95679.html#post95679 Почитайте. Правда я там писал про фоновые изображения, но суть Вы должны ухватить оттуда.

 

Огромное спасибо еще раз! Вы во второй раз мне разъясняете нюансы, которые я не замечаю!

А может вы сможете подсказать такой нюанс. У активной кнопки есть две картинки - с одной и другой стороны (стрелочка и вырезанный треугольник). Как их можно совместить?

Сейчас код такой,

#menudiv li.active{
padding-left:6px;
margin-top:30px;
background-color:#FF9C2A;
background-image:url(../images/body_b1g.jpg);
background-position:top right;
background-repeat:repeat-y;
}
#menudiv li.active ul{
list-style: none;
margin: 0;
padding: 0;
}
#menudiv li.active li{
margin: 0;
height: 24px;
background-image:url(../images/arrow_menu_on.gif);
background-repeat:no-repeat;
padding-left: 24px;
}
#menudiv li.active a{
font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif ;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}


Но, второе фоновое изображение не отображаеться. Может что подскажите?

Кнопка выглядит так...

 

Не видя непосредственно сайта трудно сказать. Но попробуйте так:

Для #menudiv li.active a{ задайте второй фоновый рисунок. При этом width:100% и display: block;

 

Все! Добилась того, чего хотела.
Если кому интересно вод код

#menudiv{
padding:0px;
margin:0px;
height:100%;
width:100%;
}
#menudiv ul{
list-style: none;
margin: 0;
padding: 0;
}
#menudiv li{
margin: 0;
height: 24px;
background-image:url(../images/arrow_menu.gif);
background-repeat:no-repeat;
padding-left: 30px;
}
#menudiv li a{
font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif ;
color:#ffffff;
text-decoration:none;
}
#menudiv li a:hover{
background:#FF9900;
}
#menudiv li.active{
padding:0px;
margin:0px;
height:100%;
width:100%;
background-image:url(../images/menu_orange_arrow.gif);
background-position:top right;
background-repeat:repeat-y;
padding-right:6px;
}
#menudiv li.active ul{
list-style: none;
margin: 0;
padding: 0;
}
#menudiv li.active li{
margin: 0;
height: 24px;
padding-left: 30px;
}
#menudiv li.active a{
background-image:url(../images/arrow_menu_on.gif);
background-repeat:no-repeat;
background-position:left;
display:block;
background-color:#FF9C2A;
}
#menudiv li.active span{
font: 14px Arial, Tahoma, Verdana, Helvetica, sans-serif ;
color:#ffffff;
text-decoration:none;
font-weight:bold;
line-height:24px;
padding-left:30px;
}

А далее кнопки, активная, неактивная и с наведенным курсором...