Что-то будет

  • Страница 1 из 1
  • 1
Рип меню multi-rip

1
AnDRoiD

    ◄®Andre1◽►™

  • Гл.Админ
  • Сообщений: 1026
  • Репутация:

скачять файл
1.Заливаем папку images в корень сайта.

2.В CSS:

Code
/* new menu 2011 */     
.block_menu {width:179px; display:block; margin:0; padding:4px 0 0 4px; 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     

(/images/block_menu_link.png) no-repeat 0 0;}     
.block_menu li:hover {background:url(/images/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:#000000;}     
.block_menu li a:link,     
.block_menu li a:active,     
.block_menu li a:visited {width:179px; height:19px; display:block; color:#5d5d5d; 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 #3b3b3b; position:absolute; left:182px;     

top:-19px; z-index:12; background:#dddddd;}     
.block_m_d ul li {width:161px; height:auto !important; margin:0 1px; padding:0; border-top:1px solid #3b3b3b;background:0;}     
.block_m_d ul li:first-child {border:0 !important;}     
.block_m_d ul li:hover { background:url(/images/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:#5d5d5d !important;}     
.block_m_d ul li a:hover {color:#000000 !important;}     
/* ------------- */     

/* for img */     
#imgclass A IMG{opacity:0.6; -moz-opacity:0.4; filter:alpha(opacity=20);}     
#imgclass a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);background:none;}     
/* ----------------- */

3.В блок:
Code
<div id="imgclass">     
<a href="/"><img src="/images/block_menu_home_hover.png" style="position:absolute;margin-top:4px;margin-left:189px;" border="0"></a>     
<a href="/forum"><img src="/images/block_menu_forum_hover.png" style="position:absolute;margin-top:25px;margin-left:189px;" border="0"></a>     
<a href="/load"><img src="/images/block_menu_files_hover.png" style="position:absolute;margin-top:46px;margin-left:189px;" border="0"></a>     
<a href="/news"><img src="/images/block_menu_rips_hover.png" style="position:absolute;margin-top:67px;margin-left:189px;" border="0"></a>     
<a href="/news/rss"><img src="/images/block_menu_rss_hover.png" style="position:absolute;margin-top:88px;margin-left:189px;" border="0"></a>     
</div>     
<ul class="block_menu">     

<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
<li><a href="/forum/8">Ваш раздел</a>     
<div class="block_m_d">     
<div class="block_m_d_in"></div>     
<ul>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
<li><a href="http://world-rip.ru/">Rip by NeoN</a></li>     
</ul>     
</div>     
</li>     
</ul>

  • Страница 1 из 1
  • 1
Поиск: