Активный пункт меню

голоса: 0
Нужно чтобы в горизонтальном меню моего сайта подсвечивался активный пункт, т.е. категория/раздел

P.S. знаю, что можно загуглить в интернете, но я пробовал, да и хочу, чтобы было отдельное объяснение именно для моего сайта, и именно для моего меню. Если стили какие нужны - вы только скажите
Адрес сайта www.sale75.ru
| Автор: | Категория: Меню сайта

Ответов: 1

голоса: 0
 
Лучший ответ

Делается это очень легко, когда добавляете новый пункт меню с ссылкой на категорию, пример - http://www.sale75.ru/blog/nastrojka_interneta/1-0-62 полный урл не добавляем лишь часть урл:

/blog/nastrojka_interneta/1-0-62

после будут работать активные пункты меню. То есть чтобы урл был не абсолютный, а относительный.

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

у меня ссылки итак относительные. 

вот часть:

<li aria-haspopup="true">
 <a href="/load/clothers/10">Одежда</a>
 <div class="grid-container3">
 <ul>
 <li><a href="/load/clothers/women/11">Женская</a></li>
 <li aria-haspopup="true">
 <a href="/load/clothers/men/12">Мужская</a>
 <div class="grid-container3">
 <ul>
 <li aria-haspopup="true">
 <a href="#">Пример 1</a>
 <div class="grid-container3">
 <ul>
 <li><a href="#">Пример 2</a></li>
 <li><a href="#">Пример 3</a></li>
 <li><a href="#">Пример 4</a></li>
 </ul>
 </div>
 </li>

P.S. CSS-стили активного пункта не прописаны

отключите тех работы
ой, забыл отключить
ну дак что, как сделать?

Как-то так, это как пример:

.sky-mega-menu li a:link {
 text-decoration: none;
 color: #000000;
}
.sky-mega-menu li a:visited {
 text-decoration: none;
 color: #000;
 background: #CA1C1C;
}
.sky-mega-menu li a:hover {
 text-decoration: none;
 color: #6E6E6E;
}
.sky-mega-menu li a:active {
 text-decoration: none;
 color: red!important;
 background: #CA1C1C;
}

стили под себя меняем. Более детально в материале - http://htmlbook.ru/css/active

что-то не так пошло, активный пункт не получился, что-то другое получилось, может я код не так вписал?

вот сюда вписал 

 
sky-mega-menu.css

 

Если не получается, обращайтесь на - http://upartner.pro/ пусть для вашего меню напишут стили.
...