Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > WordPress и другие CMS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 22.02.2012, 13:02   #1
Tradua
Пользователь
 
Регистрация: 03.04.2011
Сообщений: 26
По умолчанию Меню в WordPress

Всем привет, нужна ваша помощь. Я делаю меню для WP и мне нужно сделать активные кнопки.В WP3.+ есть стандартное решение но почему-то оно не работает.

Вот как я решаю эту проблему но где-то ошибка.
HTML
<ul id="menu">
<li><a href="#" title="Главная" ><img src="wp-content/themes/picolight/images/home.png" alt="Home" class="home" style="margin-top:5px;" /></a></li> <li class="page_item page-item-19 current_page_item"><a href="http://myspeedtest.org.ua/?page_id=19">Каталог запчастей</a></li>
<li class="page_item page-item-22"><a href="http://myspeedtest.org.ua/?page_id=22">Масла</a></li>
<li class="page_item page-item-24"><a href="http://myspeedtest.org.ua/?page_id=24">Аккумуляторы</a></li>
<li class="page_item page-item-26"><a href="http://myspeedtest.org.ua/?page_id=26">Шины</a></li>
<li class="page_item page-item-31"><a href="http://myspeedtest.org.ua/?page_id=31">Контакты</a></li>
<li class="page_item page-item-33"><a href="http://myspeedtest.org.ua/?page_id=33">Отзывы</a></li>
</ul>

CSS
#menu li
{
list-style-type:none;
float:left;
padding-left:10px;

}

#menu a
{
height:30px;
display:block;
background-image:url('images/bc_separator.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#454545;
}
#menu a:hover
{
height:30px;
display:block;
background-image:url('images/bc_separator.png');
background-repeat:no-repeat;
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#017eac;
}

#menu li.current_page_item{
color:#017eac;}
Tradua вне форума Ответить с цитированием
Старый 04.03.2012, 11:39   #2
lux16
Форумчанин
 
Аватар для lux16
 
Регистрация: 11.02.2009
Сообщений: 305
По умолчанию

Вот здесь:
Код:
#menu li.current_page_item{
color:#017eac;}
должно быть так
Код:
#menu li.current_page_item a{
color:#017eac;}
Тег а такой по натуре, что ему надо указывать полный путь
Хочу быть лучшим, но пока что я только обычный =(
lux16 вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
wordpress меню(wp_nav_menu) L_M WordPress и другие CMS 2 04.01.2012 14:50
Меню codrops (стильное меню), Как сделать чтобы текст не смещался в блоке? AlienNation HTML и CSS 2 28.09.2011 13:17
Меню с акивным полем в WordPress M0ty HTML и CSS 1 22.08.2011 03:46
И сново sendMessage =) Как нажать пункт верхнего меню и меню правой кнопки? TwiX Win Api 9 15.10.2009 01:57
Меню с Items в виде набора Bitmap (как меню редактирования в Word'е) chandrasecar Мультимедиа в Delphi 7 14.01.2009 09:20