Стилизация активного пункта меню

12
likurg1
На сайте с 10.03.2012
Offline
37
1595

Здравствуйте! Подскажите пожалуйста, как организовать такой функционал меню: что бы по умолчанию пункт меню главной страницы был активный, при клике на другой пункт меню, что бы этот пункт меню был активным а стилевое оформление пункта меню главной страницы поменялось. В качестве примера, вот этот сайт: http://gazovik-prom.ru

С помощью чего организована смена css стилей пунктов меню? jquery?

verkhovod
На сайте с 16.07.2013
Offline
9
#1

С помощью .current_page_item

Оказываю услуги по WordPress :) (/ru/forum/809112)
likurg1
На сайте с 10.03.2012
Offline
37
#2

verkhovod, можете написать подробней, пожалуйста!

HarleyDavidson
На сайте с 05.03.2010
Offline
67
#3

Загляните через дебагер в пример, там все написано.

.menu > .current_page_item > a {

Стили для активной ссылки
}
Разработка сайтов на WordPress. Доработки. Верстка макетов. Консультации, решения проблем.
likurg1
На сайте с 10.03.2012
Offline
37
#4
HarleyDavidson:
Загляните через дебагер в пример, там все написано.
.menu > .current_page_item > a {

Стили для активной ссылки
}

Я понял, со стилями проблем нету, я не могу понять как этот класс добавляется к активному пункту меню с помощью jquery? Я просто, не совсем понял как это организовать. Можете написать подробней, пожалуйста.

outtime
На сайте с 04.05.2008
Offline
197
#5
likurg1:
Я понял, со стилями проблем нету, я не могу понять как этот класс добавляется к активному пункту меню с помощью jquery? Я просто, не совсем понял как это организовать. Можете написать подробней, пожалуйста.

вариантов много, вот например аналог на джаваскрипте, почитайте в гугле и пробуйте у себя

http://fromgomel.com/?module=articles&c=articles&b=6&a=9

или вот с помощью onclick

http://www.cyberforum.ru/post913275.html

Предлагаю воспользоваться моими услугами корректора. Проверю и уберу все ошибки, поправлю грамматику и склонения, сделаю текст лучше и читабельнее. Высокая скорость работы, цена 20 р за 1000 символов.
HarleyDavidson
На сайте с 05.03.2010
Offline
67
#6

Эти классы автоматически генерируются функцией wp_nav_menu. Подробнее можно почитать тут http://codex.wordpress.org/Function_Reference/wp_nav_menu

likurg1
На сайте с 10.03.2012
Offline
37
#7

С горем пополам разобрался, как такое организовать на DLE:

Для главной страницы прописываем: [aviable=main]class="active"[/aviable]

Для категорий прописываем: [category=X]class="active"[/category] (X это id вашей категории)

В файле со стилями опишите класс .active

HarleyDavidson
На сайте с 05.03.2010
Offline
67
#8

Так сразу нужно было сказать какую CMS используешь. В том примере что ты показал, используется WordPress.

А в дле до сих пор не появилось нормального управляемого меню?

likurg1
На сайте с 10.03.2012
Offline
37
#9
HarleyDavidson:
Так сразу нужно было сказать какую CMS используешь. В том примере что ты показал, используется WordPress.
А в дле до сих пор не появилось нормального управляемого меню?

К сожалению не появилось, но зато этот движок легче, чем вордпресс.

HarleyDavidson
На сайте с 05.03.2010
Offline
67
#10
likurg1:
но зато этот движок легче, чем вордпресс.

В каком смысле ?

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий