Свой стиль для каждой ссылки в горизонтальном меню

1338
Для версии 1.8
Например, вы создали горизонтальное меню Главная услуги контакты
В модуле, class для каждого прописывается один и тот-же
menutd для не активного и menutd_active для активного
а Вам необходимо указать для каждой ссылки разный стиль  
Например,
для главной что-бы class=menutd1
для ссылки услуги class=menutd2 и т.д.


Открываем файл templates\_default_\modules\mod_hmenu.tpl

В строке 4
Код PHP:
<td class="menutd"><a target="{$item.target}" class="menulink" href="{$item.link}" >{$item.title}</a></td>
Меняем
Код PHP:
<td class="menutd_{$item.id}"><a target="{$item.target}" class="menulink" href="{$item.link}" >{$item.title}</a></td>
В строке 6
Код PHP:
<td class="menutd_active"><a target="{$item.target}" class="menulink_active" href="{$item.link}">{$item.title}</a></td>
Меняем
Код PHP:
<td class="menutd_active_{$item.id}"><a target="{$item.target}" class="menulink_active" href="{$item.link}">{$item.title}</a></td>
Все, теперь в каждой ссылки добавляется его id
например ссылка услуги имеет id=2, тогда class будет выведен следующим образом class="menutd_2"

Для тех кто может не знает как посмотреть id  
id ссылки можно посмотреть в админ. панели -> меню
выбрать нужную ссылку и перейти в ее редактирования и в адресной строке  браузера последняя цифра и будет номером id
Отключаем капчу из конструктора форм | Ссылка на источник в новостях
Комментарии (5)
͡﴾͡๏̯͡๏﴿ 9 сентября 2011 в 17:49 0
Можно посмотреть как это выглядит в реальности?
lucku 9 сентября 2011 в 17:55 0
Выводиться будет следующим образом следующим образом

Код PHP:
<table><tr>
<td class="menu_item_8"><a target="_self" href="/trainings" >Тренинги</a></td>	
<td id="menu_item_9"><a target="_self" href="/articles" >Статьи</a></td>	
<td id="menu_item_active_10"><a target="_self" href="/contacts.html" >Контакты</a></td>	
</tr></table>
RooKee 9 сентября 2011 в 20:06 +1
лучше через пробел класс равный id
olegan 14 октября 2011 в 18:36 0
Не понял, а где менять сам цвет ссылки?
lucku 14 октября 2011 в 18:40 0
в css/styles.css, вы для каждой ссылки в стилях можете прописать любые