Здравствуйте.
Третий день не получается сделать.
Сайт – http://akulapokera.ru/
WP – 2.3.3
Меню (слева) – это страницы (categories)
Меню получилось длинным и надо чтоб оно таким и осталось. Но при этом визуально "теряются" родительские страницы. Задача – как-либо выделить родительские страницы, например жирным. КАК ЭТО СДЕЛАТЬ?
Т.е. сейчас:
1. О САЙТЕ
__Новичкам
__Акулы покера (лучшие игроки)
__Покер бесплатно
__Словарь покера
__Рассылка: новости, акции, бонусы, …
__FAQ
__Скачать покер
2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)
__Обзор фрироллов
__Пароли
__Регулярные freerolls
__Расписание freerolls
Нужно:
1. О САЙТЕ
__Новичкам
__Акулы покера (лучшие игроки)
__Покер бесплатно
__Словарь покера
__Рассылка: новости, акции, бонусы, …
__FAQ
__Скачать покер
2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)
__Обзор фрироллов
__Пароли
__Регулярные freerolls
__Расписание freerolls
Прошу не пугаться того что ниже много кодов набросал. Так, на всякий случай.
Данные.
Кусок html-кода со страницы "__Новичкам":
<div id="container" class="clearfix">
<div id="leftnav">
Боковая колонка
<ul id="sidebarright">
<li id="pages" class="widget widget_pages"> <h2 class="widgettitle">Страницы</h2>
<ul>
<li class="page_item page-item-7 current_page_parent"><a href="http://akulapokera.ru/o-sayte/" title="1. О САЙТЕ">1. О САЙТЕ</a>
<ul>
<li class="page_item page-item-15 current_page_item "><a href="http://akulapokera.ru/o-sayte/poker-novichkam/" title="Новичкам">Новичкам</a></li>
<li class="page_item page-item-72"><a href="http://akulapokera.ru/o-sayte/luchshie-igroki-v-poker/" title="Акулы покера (лучшие игроки)">Акулы покера (лучшие игроки)</a></li>
<li class="page_item page-item-16"><a href="http://akulapokera.ru/o-sayte/igrat-v-poker-besplatno/" title="Покер бесплатно">Покер бесплатно</a></li>
<li class="page_item page-item-17"><a href="http://akulapokera.ru/o-sayte/slovar-pokera/" title="Словарь покера">Словарь покера</a></li>
<li class="page_item page-item-18"><a href="http://akulapokera.ru/o-sayte/poker-rassylka/" title="Рассылка: новости, акции, бонусы, …">Рассылка: новости, акции, бонусы, …</a></li>
<li class="page_item page-item-19"><a href="http://akulapokera.ru/o-sayte/faq/" title="FAQ">FAQ</a></li>
<li class="page_item page-item-20"><a href="http://akulapokera.ru/o-sayte/skachat-poker/" title="Скачать покер">Скачать покер</a></li>
</ul>
</li>
<li class="page_item page-item-8"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/" title="2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)">2. ФРИРОЛЛЫ (бесплатные турниры с реальными призовыми!)</a>
<ul>
<li class="page_item page-item-21"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/obzor-frirollov/" title="Обзор фрироллов">Обзор фрироллов</a></li>
<li class="page_item page-item-79"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/paroli-na-frirolly/" title="Пароли">Пароли</a></li>
<li class="page_item page-item-22"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/regulyarnye-freerolls/" title="Регулярные freerolls">Регулярные freerolls</a></li>
<li class="page_item page-item-23"><a href="http://akulapokera.ru/frirolly-besplatnie-turniry-s-realnymi-prizovymi/raspisanie-freerolls/" title="Расписание freerolls">Расписание freerolls</a></li>
</ul>
</li>
Вывод меню в sidebar.php:
<ul id="sidebarright">
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
<li>
<h2>Recent Posts</h2>
<ul>
<?php wp_get_archives('type=postbypost&limit=05'); ?>
</ul>
</li>
<li>
<h2>Pages</h2>
<ul>
<li>
<a href="<?php bloginfo('url'); ?>" class="<?php if(is_home()){echo 'class="current_page_item"';}?>"title="<?php bloginfo('name'); ?>">Home</a></li>
<?php wp_list_pages('title_li='); ?>
</ul>
</li>
_______________________
Возможно важно: Был изменен кусок кода чтоб выделять "текущую страницу". Вместо старого был вставлен этот код:
<a href="<?php bloginfo('url'); ?>" class="<?php if(is_home()){echo 'class="current_page_item"';}?>"title="<?php bloginfo('name'); ?>">Home</a></li>
И, соответственно, в самый низ style.css было добавлено:
#leftnav li.current_page_item a:link, #leftnav li.current_page_item
a:visited, #leftnav
li.current_page_item a:active
{
text-align: left;
padding-top:0px;
padding-left: 11px;
line-height:15px;
font-size:12px;
overflow:hidden;
padding: 0 0 0 15px;
font-weight: bold;
color:#090909;
background: url(img/link.jpg) left no-repeat;
}
_______________________
Имеющий роль кусок style.css:
#sidebarright {
text-align: left;
padding-top:0px;
padding-left: 11px;
margin-left: 11px;
line-height:15px;
font-size:12px;
color:#8D8D8D;
overflow:hidden;
background: none;}
#sidebarright a {
text-decoration:none;
color: #090909;
padding: 0 0 0 15px;
background: url(img/link.jpg) left no-repeat;}
#sidebarright a:visited {
text-decoration:none;
color:#090909;
padding: 0 0 0 15px;}
#sidebarright div a {font-weight:bold;}
#sidebarright a:hover {
text-decoration:none;
color:#427298;}
#sidebarright a:visited:hover {
text-decoration:none;
color:#427298;}
#sidebarright ul {
margin:0;
padding:3px 0 3px 0;
line-height:18px;
list-style:none;}
#sidebarright ul li { border-bottom: 1px dashed #E0E0E0;}
#sidebarright ul li li {}
#sidebarright ul li li:hover {
display: block;
cursor: pointer;}
#sidebarright h2 {
color:#427298;
font-size:18px;
width: 200px;
height: 15px;
font-family: Verdana, MS Sans Serif, Times;
text-align: left;
margin:0px 0 0 0px;
padding:0px 0 15px 30px;
background: url(img/sidetop.jpg) left no-repeat;
font-weight:normal;
line-height:normal;}
#sidebarright ul li ul, .sidebar ul li div {padding:0 10px 10px 15px;}
#sidebarright ul li ul ul, .sidebar ul li div div {
padding:0 0 0 10px;
background:none;}
Итак. Что я делал.
Юзал Гугл, который меня выводил на два известных форума о Вордпрессе.
Понял что Вордпресс сам создает классы: <li class="page_item page-item-15 current_page_item ">
Вот с этими page_item, page-item-15, и current_page_item я и игрался в style.css
Правда, сначала хотел найти более продвинутый способ выделения главной категории при развернутых подкатегориях, но ничего не нашел. Решил ручками со стилями играться.
Коды а-ля
вставлял в самый-самый низ style.css
При работе "методом тыка" понял, что имеет значение, как между собой расположены page_item и page-item-15.
Итак. Используя page_item я хотел закрасить жирным шрифтом абсолютно все меню. А потом при помощи классов подкатегорий (page-item-15) – надеялся вернуть им обычное, НЕ жирное написание.
Получилось наполовину. Получилось с теми страницами, на которых я уже был ранее (т.е. делал свое дело псевдокласс a:visited). Но те страницы на которых для браузера я не был раньше – оставались "жирными".
Вот код, который я вставлял в самый низ style.css (в первом сообщении – код #sidebarright из style.css ):
повыше – закрасил все при помощи page_item
ниже – "возвращение" подкатегориям НЕжирности
(при этом все получалось только для страниц a:visited)
еще ниже – выделение "текущей страницы"
В общем, что-то я делаю не так (знал бы CSS – наверно не было б таких проблем)
Помогите правильно выделить основные категории. Или каким-то продвинутым способом – вставляешь куда-то какой-то код и все родительские страницы сами выделяются жирным. Или с помощью CSS
http://akulapokera.ru/
типа того:
#sidebarright li {font-weight:bold;}
#sidebarright li li {font-weight:normal;}
sonika, спасибо!
Уже помог совет searchingman из соседнего форума.
Свои инициативы из style.css убрал, и после всех "#sidebarright" вставил код:
#sidebarright>li >ul>li>a {
font-weight:bold;
}
и все получилось.