avatar
На сайте уже 595 пользователей

Как сделать активным пункт меню при переходе в раздел?

vita(7 месяцев назад)

Здравствуйте.

У меня на сайте есть разделы. Например главная о компании контакты.

Меню у меня сделано просто в html шаблоне.

Как сделать что бы при переходе например в О КОМПАНИИ этот пункт меню был подчёрнут?

Вернуться назад к другим темам

Ответы пользователей

Чтобы оставлять сообщения необходимо авторизоваться
avatar
Ivan 7 месяцев назад

<a href="/" <?php if($URI[1] == 'index'){echo'class="active"';}?>>Главная</a>

| <a href="/about" <?php if($URI[1] == 'about'){echo'class="active"';}?>>О компании</a>

запись можно сократить, если современная версия php

<a href="/" <?=$URI[1] == 'index'?'class="active"':''?>>Главная</a>

| <a href="/about" <?=$URI[1] == 'about'?'class="active"':''?>>О компании</a>

avatar
Surfyk 7 месяцев назад

Таким образом можно добавить любые стили для оформления меню, например изменять цвет активной ссылки

<?php if($Page->isIndexPage()){

echo'<style>a#home{text-decoration:underline;color:#f00;}</style>';

}else{

echo'<style>a#'.$URI[1].'{text-decoration:underline;color:#f00;}</style>';

}

?>

avatar
Surfyk 7 месяцев назад

Здравствуйте! Самый простой способ присвоить каждой ссылке идентификатор одноименный идентификатору страницы. Это выглядит примерно так

<a href="/" id="home">Главная</a> | <a id="about" href="/about">О компании</a> | <a id="news" href="/news">Новости</a> | <a id="contact" href="/contact">Контакты</a>

Затем между тегами head необходимо добавить код

<?php if($Page->isIndexPage()){

echo'<style>a#home{text-decoration:underline;}</style>';

}else{

echo'<style>a#'.$URI[1].'{text-decoration:underline;}</style>';

}

?>

Пример работы здесь - https://demo1.3s-cms.ru

Вступайте в нашу группу https://vk.com/myengine