Скрипт для юкоз - Обновлённое раздвижное меню
Инструкция: В блог
<ul class="block_menu">
<li><a href="/">название </a>
<div class="block_m_d">
<div class="block_m_d_in"></div>
<ul>
<li><a href="http://diz-cs.ru/">название </a></li>
<li><a href="http://diz-cs.ru/">название</a></li>
<li><a href="http://diz-cs.ru/">название</a></li>
<li><a href="http://diz-cs.ru/">название</a></li>
<li><a href="http://diz-cs.ru/">название</a></li>
<li><a href="http://diz-cs.ru/">название</a></li>
</ul></div></li>
<li><a href="/forum/">оррпрнпррп</a>
<div class="block_m_d">
<div class="block_m_d_in"></div>
<ul>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название</a></li>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название</a></li>
<li><a href="http://night-portal.com/">название</a></li>
<li><a href="http://night-portal.com/">название</a></li>
</ul></div></li>
<li><a href="/load/1">rip by MAXIMbl4</a>
<div class="block_m_d">
<div class="block_m_d_in"></div>
<ul>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название </a></li> </ul></div>
</li>
<li><a href="/load/48">название</a>
<div class="block_m_d">
<div class="block_m_d_in"></div>
<ul>
<li><a href="http://night-portal.com/">название</a></li>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название </a></li>
</ul></div></li>
<li><a href="/load/19">всё для юкоза </a>
<div class="block_m_d">
<div class="block_m_d_in"></div>
<ul>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название </a></li>
<li><a href="http://night-portal.com/">название</a></li>
</ul></div>
В CSS /* new menu 2011 */
.block_menu {width:179px; display:block; margin:0; padding:4px 0 0 1px; list-style:none; position:relative; z-index:99;}
.block_menu li {width:179px; height:19px; display:block; margin:0; padding:2px 0 0 0; font-family:tahoma; font-size:11px; background:url(http://suprastrike.ucoz.ru/design/block_menu_link_hover.png) no-repeat 0 0;}
.block_menu li:hover {background:url(http://suprastrike.ucoz.ru/design/block_menu_link_hover.png) no-repeat 0 0;}
.block_menu li:hover a:link, .block_menu li:hover a:active, .block_menu li:hover a:visited {color:#ffffff;}
.block_menu li a:link,
.block_menu li a:active,
.block_menu li a:visited {width:179px; height:19px; display:block; color:#8888888; text-decoration:none;}
.block_menu li a:hover {text-decoration:none;}
.block_menu li:hover .block_m_d ul {display:block;}
.block_m_d {margin:-2px 0 0 0; padding:0; position:relative; z-index:11;}
.block_m_d_in {width:10px; height:19px; position:absolute; left:177px; top:-19px; }
.block_m_d ul {width:163px; display:block; display:none; padding:0; margin:0; list-style:none; border:1px solid #888888; position:absolute; left:182px; top:-19px; z-index:12; background:#1c1c1c;}
.block_m_d ul li {width:161px; height:auto !important; margin:0 1px; padding:0; border-top:1px solid #888888;background:0;}
.block_m_d ul li:first-child {border:0 !important;}
.block_m_d ul li:hover { background:url(http://suprastrike.ucoz.ru/design/block_menu_sub_link.png) repeat-x 0px bottom;}
.block_m_d ul li a:link,
.block_m_d ul li a:active,
.block_m_d ul li a:visited {width:155px; height:auto !important; display:block; padding:2px 0 4px 6px; color:#888888 !important;}
.block_m_d ul li a:hover {color:#ffffff !important;}
/* ------------- */
|