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

Question

[todey]

Ребят у меня вопрос, как выделять текущую категорию, как тут на Тостере? в меню с лева.

Answer 1

[Александр Токмаков]

вариантов несколько. Пусть меня заклюют, но я сделал так:

<div class="navbar-collapse collapse ">
<? $menu = array ("Главная"=>"/index.php", "ПОРТФОЛИО"=>"/portfolio.php", "Блог"=>"/blog.php", "Контакты"=>"/contact.php",);
echo "<ul class='nav navbar-nav'>";
foreach ($menu as $title=>$url) {
    $class = strpos($_SERVER["PHP_SELF"], $url) !== false ? " class='active'" : "";
    echo "<li$class><a href='$url'>$title</a><li>";
}
echo "</ul>";?>
 </div>

Comments

[Александр Токмаков]

Задумка понятна? Если надо разъясню

[todey]

Александр Токмаков: Я так понимаю это php? а через JS не как не льзя?

[Александр Токмаков]

todey: можно
stinto.ru/design/how-to-select-the-active-menu-item
devkp.ru/post/vyidelenie_aktivnogo_punkta_menyu_s_...

Answer 2

[Антон Цепковский]

а при чем здесь php - вопрос был скорее всего про css. javascript здесь тоже ни при чем.
а сделать это можно почитав пару часов учебник по css например здесь htmlbook.ru/samcss

Comments

[Александр Токмаков]

Антон Цепковский, хм. если страницы разные, а не include, то да можно только css и отделаться, но тут не так .
Как вы с помощью css узнаете на какой странице вы находитесь?

[Антон Цепковский]

я думал вопрос про оформление, а как класс поставить - это дело уже 10е - зависит от структуры приложения и технологий.

Answer 3

[kolibry1]

свойство hover.
раз говорите про меню, значит скорее всего оно у вас уже есть, и каждый пункт засунут либо в ul li, либо в div, либо еще во что-нибудь :) .
вот и добавляете соответственно:
.menu:hover
{
background-color: #blablabla;
}

Comments

[todey]

не ты меня не понял, я про выдиление пункта меню, в категорие которой ты находишься