Помогите пожалуйста сделать выплывающию минюшку на UMI. прописываю все как пологается а вместо нужного эфекта получается что на какой странице тынаходишся такое подменю у тебя и разворачивается.
вот стиль НАВИГАЦИЯ [CSS]\*------------------------------------*/ #templatemo_menu{ width: 110px; height: 0px; background: url(/images/nahsstil/templatemo_menu_bg.jpg) repeat-x; float: right; margin-top: 30px; text-align: center; font-weight: bold; list-style:none; } #templatemo_menu li{ margin-right:10px; display: inline; float: right; width: 600px; margin: 0; padding: 12px 0 0 0; list-style: none; position:relative; } #templatemo_menu li a{ display:inline; padding:5px; color:#fff; background:#333; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */ -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; float: left; font-size: 12px; /**Размер шрифта меню**/ text-align: center; font-weight: bold; text-decoration: underline; text-shadow: 1px 1px 2px black, 0 0 1em red;
} #templatemo_menu li a:hover{ color:#fff; background:#6b0c36; background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */ text-decoration:underline; } /*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/ #templatemo_menu ul{ list-style:none; position:absolute;
opacity:100; /* Устанавливаем начальное состояние прозрачности */ -webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */ } #templatemo_menu ul li{ padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */ float:none; background:url(dot.gif); } #templatemo_menu ul a{ white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */ display:block; } #templatemo_menu li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */ left:0; /* Приносим его обратно на экран, когда нужно */ opacity:1; /* Делаем непрозрачным */ } #templatemo_menu li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */ background:#6b0c36; background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */ text-decoration:underline; } #templatemo_menu li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */ text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear; } #templatemo_menu li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */ background:#333; background:rgba(51,51,51,0.75); /* Будет полупрозрачным */ text-decoration:underline; -moz-transform:scale(1.05); -webkit-transform:scale(1.05); }
/* ----------------- end of menu----------------*/
[/CSS]
вот шаблон меню
[PHP]<?php
$FORMS = Array();
$FORMS['menu_block_level1'] = <<<END
<div class="bg_header_forum"> <div class="header_title"></div> </div> <div class="background_forum"> <div id="left_forum"> %lines% </div> </div>
END;
$FORMS['menu_line_level1'] = <<<END <li><a href="%link%">%text%</a></li> END;
$FORMS['menu_line_level1_a'] = <<<END <li><a href="%link%">%text%</a></li> %sub_menu% END;
$FORMS['menu_block_level2'] = <<<END <li> <ul> %lines% </ul> </li> END;
$FORMS['menu_line_level2'] = <<<END <li><a href="%link%">%text%</a></li> END;
$FORMS['menu_line_level2_a'] = <<<END <li class="active">%text%</li> END;
?>[/PHP]
|
|