Выделение меню (зебра)

Главные вкладки

Аватар пользователя Lucky-Staff Lucky-Staff 17 апреля 2008 в 17:03

Есть меню, которое выглядит вот так:

- Уровень 1
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- - Уровень 2
- - - Уровень 3
- - - Уровень 3
- Уровень 1
- - Уровень 2
- - Уровень 2
- Уровень 1
- - Уровень 2
- - Уровень 2

Заказчик хочет чтобы все пункты меню находящиеся на Уровне 1, били выделены болдом.
Но вот как это сделать, я чтото понять не могу Sad

По этому вопросу нашёл две темы:
http://drupal.ru/node/8285
http://drupal.ru/node/7049
но тут насколько я понял, рассматривается вариант стандартной зебры (чет/нечет), а мне нужны только меню первого уровня.

Комментарии

Аватар пользователя Lucky-Staff Lucky-Staff 18 апреля 2008 в 11:22

Вот для примера два меню (первое исключительно первого уровня, а второе с подменю):
< div id = " block-menu-85 " class = " block block-menu " >
< div class="content " >
< ul class = " menu " >
< li class = " leaf " > < a href = " /new/node/32 " > Прайс < / a > < / li >
< /ul >
< /div >
< /div >

< div id= " block-menu-55 " class = " block block-menu " >
< div class = " content " >
< ul class = " menu " >
< li class= " expanded " > < a href = " /new/node/26 " > О компании < /a >
< ul class= " menu " >
< li class = " leaf " > < a href= " /new/node/27 " > Наша команда < /a > < /li >
< li class = " leaf " > < a href= " /new/node/28 " >Почему мы < /a > < /li >
< li class = " leaf " > < a href = " /new/node/29 " > Сотрудники < /a > < /li >
< li class = " leaf " > < a href = " /new/node/30 " > Вакансии < /a > < /li >
< /ul >
< /li >
< /ul >
< /div >
< /div >

Просто не могу понять за какую CSSку зацепится, т.к. в первом случае, li class = " leaf " а во втором li class = " expanded "

Аватар пользователя Химический Али Химический Али 18 апреля 2008 в 13:10

Ну это же просто!

Открываете редактором css-файл, ищете через поиск текст "leaf", переходите к нему и правите css как душеньке угодно!

li.expanded - это Уровень1
li.leaf - это Уровень2

А уровень3, думаю, можно будет описать так:

li.expanded li.leaf {
/*ваш код*/
}
Аватар пользователя Lucky-Staff Lucky-Staff 18 апреля 2008 в 14:04

Мне кажется что если я опишу li.leaf как болд, то в первом случае (из тех что я указал), меню первого уровня выйдет так как мне хочется, но зато во второй части, болдом выйдут меню второго уровня.

А мне необходимо чтобы только меню первого уровня были болдом.

Аватар пользователя Lucky-Staff Lucky-Staff 18 апреля 2008 в 14:59

li.expanded {
list-style-type: none;
padding: 0 0 0 0;
margin: 0;
text-decoration: bold;
}

li.expanded a {
text-decoration: bold;
}

Вот как сделал, эффекта нет никакого Sad