Красивое черное меню для uCoz, которая выполнена в черных тонах и соответственно лучше всего подойдет для сайта в черных тонах
Установка:
Вставляем этот код там где хотим его видеть, или просто в блок копируем:
Code
<style type="text/css">
#nav{
border:1px solid #000;
border-bottom:0px;
list-style:none;
margin:0;
padding:0;
width:150px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#nav a{
border-bottom:1px solid #000;
background-color:#444444;
color:white;
display:block;
padding:5px 10px;
text-decoration:none;
}
* html #nav li a { height: 1%; }
#nav a:hover{
background-color:#ccc;
color:#000000;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
</ul>
#nav{
border:1px solid #000;
border-bottom:0px;
list-style:none;
margin:0;
padding:0;
width:150px;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
#nav a{
border-bottom:1px solid #000;
background-color:#444444;
color:white;
display:block;
padding:5px 10px;
text-decoration:none;
}
* html #nav li a { height: 1%; }
#nav a:hover{
background-color:#ccc;
color:#000000;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
<li><a href="#">Joomla.ucoz.com</a></li>
</ul>
Готово.
Посмотреть демо Красивое черное меню для uCoz
Другие новости |
Поделиться ссылкой
|