Настроить фон одного из пунктов меню на Joomla

Я пытался настроить один пункт меню в шаблоне joomla, который я сейчас использую. Некоторые меню, которые я использовал ранее, обычно отображают идентификатор элемента при просмотре исходного кода, но мой шаблон вообще не отображает его. Во всяком случае, я создал приведенный ниже код css, надеясь, что это будет соответствовать моей цели, но это не сработало. Я пытаюсь сделать так, чтобы ПРИМЕНИТЬ СЕЙЧАС элемент № 30 в столбце административной панели главного меню превращал фон в КРАСНЫЙ перед любым наведением или любыми действиями. Вы можете просмотреть мою временную ссылку по адресу getvms.net/home.

Я очень ценю, если вы могли бы мне помочь.

Спасибо!

код:

    #s5_nav li { 
    display:block;
    list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
}


#s5_nav li.item#30, {
    display:block;
list-style:none;
position:relative;
float:left;
border-right:solid 1px #B6B5B5;
height:45px;
padding-left:10px;
padding-right:10px;
padding-top:9px;
padding-bottom:0px;
overflow:hidden;
background:red;

menu menuitem joomla
person user1146452    schedule 12.01.2012    source источник

Ответы (3)


arrow_upward
1
arrow_downward

вы находитесь в правильном направлении, придавая стиль одному предмету прекрасным способом, но у вас есть одна ошибка

#s5_nav li.item#30, {
display:block;

вы должны удалить в конце элемента № 30, и вы должны использовать это так

#s5_nav li.item#30{
display:block;

надеюсь, это поможет вам.

person Waheed ur Rehman    schedule 23.05.2013

arrow_upward
0
arrow_downward

Следующее может работать для вас, если вы используете Joomla! 1,6 или 1,7:

Вы можете применить пользовательский класс CSS к определенному пункту меню через Менеджер меню в Joomla!. Сделав это, вы можете применить стиль к этому классу в своей таблице стилей.

Для этого просто откройте нужный пункт меню в диспетчере меню и в правом столбце нажмите «Параметры типа ссылки», чтобы открыть эту панель. Поле «Стили ссылок CSS» позволяет вам указать имя класса CSS, который вы хотите применить к этому пункту меню. Это позволит вам применять стили только к этому одному пункту меню.

person Zachary Draper    schedule 20.01.2012

arrow_upward
0
arrow_downward

попробуйте с:

#s5_nav li.item30{
    display:block;
    list-style:none;
person ximo    schedule 27.02.2012