Для каждой кнопки меню, свой стиль.[РЕШЕНО]

Прислано: F10

вс, 07/12/2008 - 18:18

Другие статьи по теме:

Есть меню, слева.
Всего 4 кнопки.

Первая кнопка - задана так

<li class="leaf first">...</li>

Вторая и третья

<li class="leaf">...</li>

Последняя

<li class="leaf last">...</li>

Охота для каждой кнопки свой стиль, а получается что вторая и третья просто 

"leaf".

Кто как решает?

‹ карта регионов Для каждой кнопки меню, свой стиль.[РЕШЕНО] ›

Комментарии


Настройки просмотра комментариев

Выберите нужный метод показа комментариев и нажмите "Применить"
Опубликовано sadmin в пн, 08/12/2008 - 10:06.
sadmin

Кастомизация пунктов меню


Опубликовано F10 в пн, 08/12/2008 - 14:05.
F10

Спасибо, помогло изменение функции
function zen_menu_item_link($link)
в файле template.php темы.
Жаль меняется class тега 

<a class="...">...</a> >
, с 
<li class="...">...</li>
работать интересней.


Опубликовано F10 в пн, 08/12/2008 - 14:19.
F10

И вот, еще.
Теперь я могу задавать для каждой ссылки свой стиль,например так

a.menu-214
   {
   	color: black;
   }

А как задать стиль для активной a.menu-214?

Не напишешь же

a.menu-214 a:active
 {
  ...
 }
Работать не будет.


Опубликовано Snoop707 в пт, 23/01/2009 - 19:24.
Snoop707

может так a.menu-214:active


Опубликовано volocuga в пт, 23/01/2009 - 23:55.
volocuga

"Snoop707" написал(а):

может так a.menu-214:active

Ошибка в синтаксисе по моему


Опубликовано Vladimir_VVV в сб, 24/01/2009 - 18:32.
Vladimir_VVV

"volocuga" написал(а):

Ошибка в синтаксисе по моему

норм все


Опубликовано wiacheslaw в чт, 26/02/2009 - 12:47.
wiacheslaw

попробуй модуль menu-attributes
или почитай тут


Опубликовано F10 в ср, 11/03/2009 - 17:10.
F10

Спасибо, уже решил вот по этой теме

"sadmin" написал(а):

Кастомизация пунктов меню


Опубликовано sestiana в вт, 01/11/2011 - 10:45.
sestiana

Можно решить с помощью селекторов сестринских элементов в css, ну что-то типа:

ul li {
height:***px;
width: ***px;
background-repeat: no-repeat;
background-image: url(../files/pic1.png);
}
ul li+li {
background-image: url(../files/pic2.png);
}
ul li+li+li {
background-image: url(../files/pic3.png);
}

Сюда же добавить стилей для "hover" и тп.
Тут главное соблюдать однозначную последовательность при выводе пунктов меню.


Новое на сайте