Простое меню навигации с подсветкой активного пункта


Вот простой способ создания простого, легкообновляемого меню с подсветкой активного пункта.

Создайте форму, которая называется main_menu

Добавьте в него следующие строки и сохраните:

<ul id="main_menu">

<li><a href="<txp:site_url />articles" <txp:if_section name="articles">class="active" </txp:if_section>>Articles</a></li>

<li><a href="<txp:site_url />archive" <txp:if_section name="archive">class="active" </txp:if_section>>Archive</a></li>

<li><a href="<txp:site_url />contact" <txp:if_section name="contact">class="active" </txp:if_section>>Contact</a></li>

</ul>

Этот код создаст неупорядоченный список, который использует if_section чтобы проверить, в каком разделе находится пользователь, и применить к этому разделу класс active.

Добавьте стиль CSS (пример):

#main_menu li a.active {text-decoration: underline; font-weight: bold;}

Поместите меню на страницу.

<txp:output_form form="main_menu" />

Вот вам очень простой способ сделать навигацию на вашем сайте. Недостатком этого метода является его статичность, но для небольших сайтов, не требующих частой смены меню, этот способ вполне применим.