Вторник, 24.08.2010, 17:58

                                                                                                                                                                                                                                                                            
Реклама


  • Страница 1 из 1
  • 1
Форум » скрипты для ucoz » Меню для сайта » Новое меню для сайта (для темнхы дизов, вертикальное)
Новое меню для сайта (для темнхы дизов, вертикальное)
inskeДата: Среда, 23.03.2011, 21:16 | Сообщение # 1
Генералиссимус
Группа: гл.администратор
Сообщений: 559
Награды: загрузка наград ... 6
Репутация: 5
Статус: Offline

В CSS:
Code
/* Menu by Love-Files.Ru */    
.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(http://format-x.ru/menu/block_menu_link.png) no-repeat 0 0;}    
.block_menu li:hover {background-position:-179px 0px;}    
.block_menu li:hover a:link, .block_menu li:hover a:active, .block_menu li:hover a:visited {color:#debc1d;}    
.block_menu li a:link,    
.block_menu li a:active,    
.block_menu li a:visited {width:179px; height:19px; display:block; color:#d2d2d2; 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:#212121;}    
.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(/img/lini9.gif) 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:#d2d2d2 !important;}    
.block_m_d ul li a:hover {color:#debc1d !important;}    
/* ------------- */

Код:

Code
<ul class="block_menu">    

<li><a href="/" title="Тест">Тест</a>    
<div class="block_m_d">    
<div class="block_m_d_in"></div>    
<ul>    
<li><a href="/" title="Главная страница">Главная страница</a></li>    
<li><a href="/" title="Тест">Тест</a></li>    
<li><a href="/" title="Тест" target="_blank"><font color="#debc1d">Тест</font></a></li>    
<li><a href="/" title="Тест">Тест</a></li>    

<li><a href="/" title="Тест">Тест</a></li>    
<li><a href="/" title="Тест">Тест</a></li>    
<li><a href="/" title="Тест">Тест</a></li>    
</ul>    
</div>    
</li>    

<li><a href="/">Всё для uCoz</a>    
<div class="block_m_d">    

<div class="block_m_d_in"></div>    
<ul>    

<li><a href="/" title="Тест">Тест</a></li>    
<li><a href="/" title="СТест">Тест</a></li>    
<li><a href="/" title="Тест"><font color="#debc1d">Тест</font></a></li>    
<li><a href="/" title="Тест">Тест</a></li>    
</ul>    
</div>    

</li>    
</ul>    
</div>    
</li>
 
Форум » скрипты для ucoz » Меню для сайта » Новое меню для сайта (для темнхы дизов, вертикальное)
  • Страница 1 из 1
  • 1
Поиск: