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

(Ответов: 6, Просмотров: 1700)
  1. Студент Аватар для likurg
    • Регистрация: 26.05.2013
    • Сообщений: 47
    • Репутация: 3
    Здравствуйте! Подскажите пожалуйста, как организовать такой функционал меню: что бы по умолчанию пункт меню главной страницы был активный, при клике на другой пункт меню, что бы этот пункт меню был активным а стилевое оформление пункта меню главной страницы поменялось. В качестве примера, вот этот сайт: _http://gazovik-prom.ru
    С помощью чего организована смена css стилей пунктов меню? jquery?
    Делаю аудит сайтов, семантическое ядро, дизайн групп Вконтакте
    • 0
  2. Опытный Аватар для pingvincible
    • Регистрация: 28.02.2012
    • Сообщений: 373
    • Репутация: 128
    • Webmoney BL: ?
    у каждого пункта меню добавляется класс current-menu-item, если он становится активным. Вот к этому классу и применяйте стили.
    Я желаю всем счастья
    • 0
  3. Студент Аватар для likurg
    • Регистрация: 26.05.2013
    • Сообщений: 47
    • Репутация: 3
    pingvincible, этот класс добавляется к активному пункту меню с помощью jquery? Я просто, не совсем понял как это организовать. Можете написать подробней, пожалуйста.
    Делаю аудит сайтов, семантическое ядро, дизайн групп Вконтакте
    • 0
  4. Опытный Аватар для pingvincible
    • Регистрация: 28.02.2012
    • Сообщений: 373
    • Репутация: 128
    • Webmoney BL: ?
    нет, вордпресс сам его добавляет. просто в таблице стилей напишите

    .current-menu-item{
    необходимые стили
    }

    или поищите, может уже есть в файле стилей этот селектор

    ---------- Сообщение добавлено 19:55 ---------- Предыдущее 18:13 ----------

    У вас в style.css есть такой код:

    PHP код:
    .menu > .current_page_item {
         
    background-imageurl(../img/bgi-b.png);
         
    background-repeatrepeat-x;
         
    background-position0 0;
         
    color#fff;

    сделайте его таким:

    PHP код:
    .menu > .current_page_item a,
    .
    menu > .current-menu-item {
         
    background-imageurl(../img/bgi-b.png);
         
    background-repeatrepeat-x;
         
    background-position0 0;
         
    color#fff;

    Я желаю всем счастья
    • 2

    Спасибо сказали:

    likurg(31.10.2013), OKyJIucT(31.10.2013),
  5. Студент Аватар для likurg
    • Регистрация: 26.05.2013
    • Сообщений: 47
    • Репутация: 3
    К сожалению, проблема в том, что такое я хотел сделать на DLE сайте, так как делаю редизайн меню.
    Делаю аудит сайтов, семантическое ядро, дизайн групп Вконтакте
    • 0
  6. Опытный Аватар для pingvincible
    • Регистрация: 28.02.2012
    • Сообщений: 373
    • Репутация: 128
    • Webmoney BL: ?
    С дле я не работал, посмотрите, может, когда становится активной ссылка, движок добавляет какие-то классы, сравните с неактивными ссылками в исходном коде.

    А если через jQuery, то надо брать урл текущей страницы, перебирать все пункты меню, сравнивать урл, где совпадет, туда и добавлять классы и стили.

    Так можно узнать текущий адрес страницы. Это гугл утверждает, сам не проверял.
    PHP код:
    $(location).attr('href'); 
    Я желаю всем счастья
    • 0
  7. Студент Аватар для likurg
    • Регистрация: 26.05.2013
    • Сообщений: 47
    • Репутация: 3
    Ребята, оказалось всё на много проще, это можно реализовать с помощью самого движка DLE. Достаточно прописать следующие:
    Для главной страницы прописываем: [aviable=main]class="active"[/aviable]
    Для категорий прописываем: [category=X]class="active"[/category] (X это id вашей категории)
    В файле со стилями опишите класс .active
    Последний раз редактировалось likurg; 01.11.2013 в 21:51.
    Делаю аудит сайтов, семантическое ядро, дизайн групп Вконтакте
    • 1

    Спасибо сказали:

    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

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры