Как выделить цветом ссылку в навигации?

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

Аватар пользователя Ex3m Ex3m 11 декабря 2008 в 23:13

Вобщем нужно выделить красным ОДНУ ссылку в навигации. Как это сделать? Помогите пожалуйста.

Комментарии

Аватар пользователя Vladimir_VVV Vladimir_VVV 12 декабря 2008 в 0:10

Кажда ссылка навигации, при выводе в браузер с помощью встроенной в Drupal функции links(), обрамлена тегами списка "< li >" в котором есть уникальный идентификатор соответствующий меню_айди.
Вот например на этом сайте самое верхнее меню так выведено.
Смотрим здесь код:

<ul class="links" id="sub-topmenu">
<li class="menu-122 first"><a href="/features">О Drupal</a></li>
<li class="menu-244"><a href="/book" title="">Документация</a></li>
<li class="menu-251"><a href="/conference" title="">Семинары</a></li>
<li class="menu-127"><a href="/rules">Правила</a></li>
<li class="menu-220 last"><a href="/map">Теги</a></li>
</ul>

Значит чтобы сделать нам ссылку "Документация" (см вверх) жирным красным цветом пишем в css такое правило:

li.menu-244 a{
font-weight:bold;
color:red;
}

вобщем вам нужно смотреть чем вы выводите меню и там уже думать какой селектор использовать.

Аватар пользователя phprof phprof 12 декабря 2008 в 6:07
<li class="leaf">
<a id="dhtml_menu-149" href="/category/2/7">Программирование</a>
</li>

А для такого как проделать подобное, подскажите, плизз

Аватар пользователя kyky kyky 12 декабря 2008 в 8:01

А что бы вам не использовать jQuery?

<script type="text/javascript">
$("ul#sub-menu > li.menu-244").css("color", "red");
</script>

поместите этот код в блок, формат ввода с поддержкой тега "script", блок повесте куда-нибудь.

Аватар пользователя Ex3m Ex3m 12 декабря 2008 в 10:03

Vladimir_VVV , то что Вы подсказали подходит для верхнего меню, а в боковом у меня так:

<div class="title"><h3>Навигация</h3></div>
                <div class="content"><ul class="menu"><li class="leaf first"><a href="http://vip-icq.ru" title="Главная страница магазина ICQ">Главная</a></li>
<li class="leaf"><a href="/?q=guestbook">Отзывы</a></li>
<li class="leaf"><a href="/?q=node/34" title="Наши гарантии">Гарантии</a></li>
<li class="leaf"><a href="http://vip-icq.ru/?q=icqtosms" title="Продажа ICQ номеров за СМС">ICQ за СМС</a></li>
<li class="leaf"><a href="/?q=book" title="Полезная информация про ICQ">Статьи про ICQ</a></li>
<li class="leaf last"><a href="/?q=node/10" title="Файлы">Программы для ICQ</a></li>
</ul></div>

т.е. ID нету

Аватар пользователя KRZ KRZ 11 мая 2011 в 16:00

ДД!

Есть ссылка >

<li class="leaf last dhtml-menu ">
<a id="dhtml_menu-1657" title="" href="/violations/add">Сообщить об инциденте</a>

добавляю в style.css >

li.dhtml_menu-1657 a{
font-weight:bold;
color:red;

Но ничего не происходит, куда смотреть?

Аватар пользователя Godwin Godwin 28 января 2015 в 22:59

У меня аналогичный вопрос: Как изменить цвет ссылки только в тексте статьи??

В теме у меня такой код:

 a, a.active, li a.active {
color: darkslateblue;
}

Если я тег А из кода выше удаляю, и вписываю его отдельно другим цветом, то это влияет и на ссылки в блоках.