Как сделать выделение активной категории на панели навигации?

Question

[Minningt]

Привет всем. Подскажите как сделать так, чтобы при посещении определенной категории на панели навигации, она выделялась от других, к примеру, цветом. Грубо говоря, была активной. У меня не движок. Обычный сайтик на php

<div class="subnavbar" id="subnavbar">
    <div class="container" id="container ">
      <ul class="mainnav " id="navbar">
        <li><a href="index1.php"><span>Текст1</span></a></li>
        <li><a href="index2.php"><span>Текст2</span></a></li>
        <li><a href="index3.php"><span>Текст3</span></a></li>
        <li><a href="index4.php"><span>Текст4</span></a></li>                                               
      </ul>
    </div>
  </div>

К примеру, как тут : prntscr.com/6j3ezm - активна вкладка Сss
prntscr.com/6j3h3i - я нахожусь в "Контакты".
Или же можно какой-то якорёк внизу текста.

Answer 1

[Егор Федосенко]

Так с помощью php и добавляйте класс с нужному "a" тегу. У которого будут свойства, которые вам нужны.

<div class="subnavbar" id="subnavbar">
    <div class="container" id="container ">
      <ul class="mainnav " id="navbar">
        <li><a href="index1.php" class="active"><span>Текст1</span></a></li>
        <li><a href="index2.php"><span>Текст2</span></a></li>
        <li><a href="index3.php"><span>Текст3</span></a></li>
        <li><a href="index4.php"><span>Текст4</span></a></li>                                               
      </ul>
    </div>
  </div>

.active {
    color: red;
    background: green;
}

Comments

[Minningt]

а можно пример?

[Сергей delphinpro]

Minningt: Навряд ли будет пример. у вас ведь самопис. И только вы знаете, как определить текущую категорию. :) Ну в если в общем, то там простой иф: if ($catecory == $currentCategory) echo 'class="active"'

[Minningt]

Сергей: хмм. А я думал это делается через обычный css, не используя php. Типа a:active, a:focus(

[Егор Федосенко]

Minningt: ну попробуйте с помощью js тогда определять url и добавлять класс. Глупо, конечно, но почему бы и нет

[Сергей delphinpro]

Minningt: нет. CSS лишь описывает внешний вид элементов. А расставить нужные классы вы должны сами.

[Minningt]

Ясно. Тогда буду искать решение всё же. Спасибо за ответы