Рекламa:
  

  • Страница 1 из 1
  • 1
Горизонтальное черное меню
Мэт Дата: Четверг, 14.06.2012, 22:07 | Сообщение # 1
Offline
Пользователь: №1
Сообщений: 217
>>>> DEMO

Туда где будет меню:
Code
<div class="menu">     
     <ul>     
<li><a class="hide">www.nizckod.ru</a>     
     <ul>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     <li><a href="" title="">Подпункт</a></li>     
     </ul></li>     
<li><a class="hide">www.nizckod.ru</a>     
     <ul>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     </ul></li>     
<li><a class="hide">www.nizckod.ru</a>     
     <ul>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     </ul></li>    
     <li><a class="hide">www.nizckod.ru</a>     
     <ul>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     <li><a href="" title="">www.nizckod.ru</a></li>     
     </ul></li>    
</ul>     
</div>


В CSS:

Code
.menu{background:url('http://www.nizckod.ru/2/12/menu_bar.png')repeat-x;font-family:Times New Roman;width:970px;height:30px;position:relative;z-index:100;}     
.menu ul li a, .menu ul li a:visited{display:block;text-decoration:none;color:#fff;width:100%;margin-left:15px;margin-right:15px;height:30px;text-align:center;color:#fff;line-height:30px;font-size:16px;overflow:hidden}     
.menu ul{padding:0;margin:0;list-style:none;}     
.menu ul li{float:left;position:relative;}     
.menu ul li ul{display:none;font-size:11px;}     
.menu ul li:hover a{color:#fff;background:#000000;}     
.menu ul li:hover ul{display:block;position:absolute;left:0;width:105px;font-family:arial;font-size:13px;width:135px;}     
.menu ul li:hover ul li a{display:block;background:#000;color:#a2a2a2;font-size:13px;width:135px;margin:1px;height:22px;line-height:22px;text-align:left;padding-left:10px;}     
.menu ul li:hover ul li a:hover{border:1px solid #ff0000;margin:0px; color:#a2a2a2;font-size:13px;width:135px;}     

.left_column {margin:0;float:left;width:265px;text-align:left;}     
.right_column {margin:0;float:right;width:685px;text-align:left;padding:10px;}[quote][/quote]
----------------------------------
• WMID - 355982631318
• WMR - R249840205088
----------------------------------
  • Страница 1 из 1
  • 1
Поиск:
Интересное для тебя
Чат

Для добавления сообщения войдите или зарегистрируйтесь.
Сервер Counter-Strike 1.6
Топ пользователей форума
Последние обновленные темы
  • Ответов:
    Тема:
  • Интересные статьи