Шаблон собираю сам. Учусь так сказать. вот код шаблона:
Код: |
...
<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: Извиняюсь за мусор в топике. Не совсем получается корректно вставить код примера.