Главная Форум
Добро пожаловать, посетитель!
Пожалуйста, войдите или зарегистрируйтесь.    Забыли пароль?
ВнизСтраница: 12
Сообщения темы: topmenu и #active_menu
#190
topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
делаю верхнее меню в модуле topmenu. все стили css применяются. но! не подсвечивается активный пункт меню. в коде htmtl страницы для пунктов меню нет стиля active_menu. в настройках модуля topmenu установил полную подсветку активных пунктов, ничего не меняется.
Код:


...

[ul] id="mainlevel-nav">
[li][a href="http://www.domain.kz" class="mainlevel-nav"  [i](здесь по идее должен быть id="active_menu") [/i]title="Главная"]Главная[/a][/li]
[li][a href="index.php?option=com_content&task=..." class="mainlevel-nav"  title="Власть"]Власть[/a][/li]

...



если поменять модуль меню, например, на mainmenu подсветка появляется. установлена J! 1.0.15 RE Stable, но суть не в ней. пробовал и Joostina и Lavra. все так же.
Minelli
Fresh Boarder
Постов: 16
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#191
RE: topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
что то код не получилось вставить.
Код:


...
[ul id="mainlevel-nav"]
[li][a href="http://www.domain.kz" class="mainlevel-nav"  [i](здесь по идее должен быть id="active_menu") [/i]title="Главная"]Главная[/a][/li]
[li][a href="index.php?option=com_content&task=..." class="mainlevel-nav"  title="Власть"]Власть[/a][/li]
...

Minelli
Fresh Boarder
Постов: 16
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#192
RE: topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
Стоит учитывать особенности шаблона, который Вы используете. Каким образом в нем реализовано построение меню как такового вообще. Может файл стилей не предусматривает подсветку активного меню. Стоит попросту найти шаблон, который бы полностью удовлетворял требованиям и взять нужную часть кода от туда.
Для топов есть красивые менюшки с яваскриптом. Покопать можно в шаблонах md_***, если я не ошибаюсь. А реализовано вроде на suckerfish. Например шаблон md_businesssense
achuser
Модераторы
Fresh Boarder
Постов: 14
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#195
RE: topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
Шаблон собираю сам. Учусь так сказать. вот код шаблона:
Код:


...
<div id="page" >
 <div id="topmenu">
  <img alt="" src="templates/default/img/topmenul.jpg" height="32" width="7" id="floatl" />
  <img alt="" src="templates/default/img/topmenur.jpg" height="32" width="7" id="floatr" />
   <div id="topmenulink"><!-- Отделяю ссылки меню от поиска -->
    <? if (mosCountModules( "user3" )) { ?>
 <? mosLoadModules ( 'user3'); ?>
<? } ?>
   </div><!-- /div id="topmenulink" -->
    <? if (mosCountModules('user4')) { ?>
 <div id="search"><? mosLoadModules ( 'user4' ); ?></div>
<? } ?>
 </div><!-- /div id="topmenu" -->
 ...


Вроде ничего лишнего. Все по науке . Все прекрасно работает. Кроме подсветки активного пункта.
CSS для шаблона:
Код:


#page {text-align:left; margin:0 auto 20px;}
 #topmenu {margin:10px 0; position:relative; width:100%; height:32px; color:#12A3D0; background-image:url(../img/topmenubg.jpg);}
  #topmenu img {margin-bottom:-4px;}
   #floatl, #floatr {position:absolute; top:0;}
   #floatl {left:0;}
   #floatr {right:0;}
    #topmenulink {position:absolute; top:1px; height:32px; left:10px;  z-index:100;}
 ul#mainlevel-nav {margin:0; padding:0;}
 ul#mainlevel-nav, ul#mainlevel-nav li {display:inline; list-style-type:none;}
 ul#mainlevel-nav a:link, ul#mainlevel-nav a:visited {margin:0; padding:5px 10px 5px 10px; border-right:1px dotted #DDD; 
float:left; font-weight:bold; line-height:19px; text-decoration:none; color:#00B0C7;}
/* Вот здесь я возможно и накрутил лишнего.
Разберусь. Просто пробовал разные варианты. */
 ul#mainlevel-nav a:link#active_menu, ul#mainlevel-nav a:visited#active_menu, ul#mainlevel-nav a#active_menu, ul#mainlevel-nav a:hover {color:#FF9D00; background:#F3F4F8;}
/* Повторюсь. Стили прекрасно работают.
Уверен и  #active_menu сработал бы будь
он в коде для модуля topmenu*/
.search {position:absolute; top:5px; right:5px; z-index:101;}


Пробовал добавлять параметры в поизицию модуля -3, -2, -1. Меняется вывод меню, но id="active_menu" так и не появляется. PS: Извиняюсь за мусор в топике. Не совсем получается корректно вставить код примера.
Minelli
Fresh Boarder
Постов: 16
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#196
RE: topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
a.mainlevel#active_menu {
color:#fff;
font-weight: bold;
}



и не забываем про пункты, которые уже были нажаты когда-то

a.mainlevel#active_menu:hover {
color: #fff;
}


Меню по идее без разницы, топменю оно, лефт меню иль чего еще. По сути, можно сделать любую позицию с любым названеим и вставить туда что угодно, модуль отображения меню, последних тем и тп. В настройках самого меню можно прописывать стили (в модулях сайта). Делать вертикальным/горизонтальным. Так что, если леове меню работает, то и топ меню будет работать. Если что-то не получается, можно разобрать стандартный шаблон rhuk_solarflare_ii. В нем активное меню меняет цвет шрифта с серого на белый.
achuser
Модераторы
Fresh Boarder
Постов: 14
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Последнее редактирование: 31.05.2009 11:34 Редактировал achuser.
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
#197
RE: topmenu и #active_menu 10 г., 5 мес. назад Репутация: 0
мимо явно дело не в стилях.
Minelli
Fresh Boarder
Постов: 16
graphgraph
Пользователь вне форума Кликните здесь, чтобы посмотреть профиль этого пользователя
Для добавления сообщений Вы должны зарегистрироваться или авторизоваться
 
ВверхСтраница: 12
Модераторы: hell, gavrick