» »

Горизонтальное меню для uCoz в оригинальном стиле


Горизонтальное меню для uCoz в оригинальном стиле

Редко какая навигация подходит как под светлый и темный фон, и вот Горизонтальное меню для uCoz в оригинальном стиле, что впишется аккуратно под эти оттенки. Дизайн у него оригинален, это идет полоса и на ней находятся разделы, которые вы будете создавать. Создано на CSS и что можно сказать у него будет свой неповторимый эффект, который заключается в нажатие на рубрику портала. В стилях не одной ссылки не будет и от этого грузить не будет и быстро открываться главная страница.

Каркас:

Код
<div id="menu">  
<ul>  
<li><a href="http://zornet.ru/">Главная</a></li>  
<li><a href="#">Файлы</a></li>  
<li><a href="#">Форум</a></li>  
<li><a href="#">ZORNET.Ru</a></li>  
<li><a href="/">Меню для ucoz</a></li>  
</ul>  
</div>


CSS:

Код
#menu {  
  margin:0;  
  padding:0;  
}  

#menu ul{  
  margin:0;  
  padding-left:10px;  
  border-top: 4px solid #666;  
}  
#menu li{  
  display: inline-block;  
  margin:0;  
  padding:0;  
  list-style:none;  
}  
#menu li a{  
  display:block;  
  font-family:Tahoma, Geneva, sans-serif;  
  font-size:15px;  
  font-weight:bold;  
  color:#FFF;  
  text-shadow:#000 1px 1px 1px;  
  text-decoration:none;  
  background-color: #999;  
  padding-left:14px;  
  padding-right:14px;  
  padding-bottom:6px;  
  -webkit-border-bottom-left-radius: 9px;  
  -webkit-border-bottom-right-radius: 9px;  
  -moz-border-radius-bottomleft: 9px;  
  -moz-border-radius-bottomright: 9px;  
}  
#menu li a:hover{  
  background-color:#666;  
}  
#menu li a:active{  
  color:#CCC;  
}


12.05.2015 Просмотров: 353 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar