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

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


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

В строке 4
  1. <td class="menutd"><a target="{$item.target}" class="menulink" href="{$item.link}" >{$item.title}</a></td>
Меняем
  1. <td class="menutd_{$item.id}"><a target="{$item.target}" class="menulink" href="{$item.link}" >{$item.title}</a></td>
В строке 6
  1. <td class="menutd_active"><a target="{$item.target}" class="menulink_active" href="{$item.link}">{$item.title}</a></td>
Меняем
  1. <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
0
nikitka nikitka 12 лет назад #
Можно посмотреть как это выглядит в реальности?
0
lucku lucku 12 лет назад #
Выводиться будет следующим образом следующим образом

Код 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>
+1
RooKee RooKee 12 лет назад #
лучше через пробел класс равный id
0
olegan olegan 12 лет назад #
Не понял, а где менять сам цвет ссылки?
0
lucku lucku 12 лет назад #
в css/styles.css, вы для каждой ссылки в стилях можете прописать любые

Еще от автора

Добавляем в редактор новые формы
Здесь будет описано как добавлять новые формы в редактор, на основе этой информации можно добавить любую форму.
Фильтр скрыть / показать текст для статей
Фильтр работает следующим образом он подгружает скрытый текст и при клике на ссылку текст выводиться на сайте.
Фильтр всплывающая подсказка для статей
Разработан фильтр всплывающая подсказка, полностью построен на CSS и 2-х изображений В редакторе выводиться достаточно просто {показ}пишем текст | пиш
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.