Приветствую Вас, Гость! Регистрация RSS

Мой сайт

Вторник, 30.04.2024
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Система uCoz » Меню » Рип меню multi-rip
Рип меню multi-rip
Воскресенье, 11.09.2011, 18:34 | Сообщение # 1
Сообщений:
391
Награды:
Замечания:
Статус:


Скачать файлы
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>


http://18-cs-16.ru/avatar/61/556810.png
        
Сообщение


Скачать файлы
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>

Автор - 18-cs-16
Дата добавления - 11.09.2011 в 18:34
Форум » Система uCoz » Меню » Рип меню multi-rip
  • Страница 1 из 1
  • 1
Поиск: