Здравствуйте! Подскажите пожалуйста, как организовать такой функционал меню: что бы по умолчанию пункт меню главной страницы был активный, при клике на другой пункт меню, что бы этот пункт меню был активным а стилевое оформление пункта меню главной страницы поменялось. В качестве примера, вот этот сайт: _http://gazovik-prom.ru
С помощью чего организована смена css стилей пунктов меню? jquery?
- 31.10.2013 07:29
- 31.10.2013 08:11
у каждого пункта меню добавляется класс current-menu-item, если он становится активным. Вот к этому классу и применяйте стили.
- 31.10.2013 16:09
pingvincible, этот класс добавляется к активному пункту меню с помощью jquery? Я просто, не совсем понял как это организовать. Можете написать подробней, пожалуйста.
- 31.10.2013 18:55
нет, вордпресс сам его добавляет. просто в таблице стилей напишите
.current-menu-item{
необходимые стили
}
или поищите, может уже есть в файле стилей этот селектор
---------- Сообщение добавлено 19:55 ---------- Предыдущее 18:13 ----------
У вас в style.css есть такой код:
PHP код:сделайте его таким:.menu > .current_page_item > a {
background-image: url(../img/bgi-b.png);
background-repeat: repeat-x;
background-position: 0 0;
color: #fff;
}
PHP код:.menu > .current_page_item > a,
.menu > .current-menu-item > a {
background-image: url(../img/bgi-b.png);
background-repeat: repeat-x;
background-position: 0 0;
color: #fff;
}
- 31.10.2013 19:03
К сожалению, проблема в том, что такое я хотел сделать на DLE сайте, так как делаю редизайн меню.
- 31.10.2013 20:57
С дле я не работал, посмотрите, может, когда становится активной ссылка, движок добавляет какие-то классы, сравните с неактивными ссылками в исходном коде.
А если через jQuery, то надо брать урл текущей страницы, перебирать все пункты меню, сравнивать урл, где совпадет, туда и добавлять классы и стили.
Так можно узнать текущий адрес страницы. Это гугл утверждает, сам не проверял.PHP код:$(location).attr('href');
- 01.11.2013 21:19
Ребята, оказалось всё на много проще, это можно реализовать с помощью самого движка DLE. Достаточно прописать следующие:
Для главной страницы прописываем: [aviable=main]class="active"[/aviable]
Для категорий прописываем: [category=X]class="active"[/category] (X это id вашей категории)
В файле со стилями опишите класс .activeПоследний раз редактировалось likurg; 01.11.2013 в 21:51.
Спасибо сказали:
Boss199999(01.11.2013),
Похожие темы
| Темы | Раздел | Ответов | Последний пост |
|---|---|---|---|
Вехнее меню: выделить активный пункт | Web программирование | 2 | 13.07.2012 18:22 |
Активный отдых вебмастеров в Египте | Дайджест блогосферы | 0 | 23.12.2011 12:58 |
Вид меню категорий Virtuemart нужно заменить на вид меню Joomla | Вопросы от новичков | 2 | 21.11.2011 21:31 |
пункт меню на вашем качественном сайте. | Ссылки, статьи | 27 | 01.10.2011 14:05 |



