вертикальное меню для сайта ucoz: Тёмное вертикально меню для сайта ucoz. Красивое, простенькое меню для ucoz.
Внимание:Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: “img” и “img/menu/” вставляйте любую свою картинку.
Само меню
<div id=”hmenu21″><a href=”#” >Hidden Object</a></div>
<div id=”hmenu21″><a href=”#” >Simulator</a></div>
<div id=”hmenu21″><a href=”#” >Adventure</a></div>
<div id=”hmenu21″><a href=”#” >Education</a></div>
<div id=”hmenu21″><a href=”#” >Fighting</a></div>
<div id=”hmenu21″><a href=”#” >For Kids</a></div>
<div id=”hmenu21″><a href=”#” >Strategy</a></div>
<div id=”hmenu21″><a href=”#” >Arcade</a></div>
<div id=”hmenu21″><a href=”#” >Shooter</a></div>
<div id=”hmenu21″><a href=”#” >Action</a></div>
<div id=”hmenu21″><a href=”#” >Racing</a></div>
<div id=”hmenu21″><a href=”#” >Sport</a></div>
<div id=”hmenu21″><a href=”#” >Quest</a></div>
<div id=”hmenu21″><a href=”#” >Puzzle</a></div>
<div id=”hmenu21″><a href=”#” >RPG</a></div>
Это в CSS:
/* –style nocrisise.ru– */
#hmenu21 {
float: center;
}
#hmenu21 a {
text-decoration: none;
color: #ffffff;
background: url(/wp-content/uploads/img/menu_a.png) repeat center top;
display: block;
height: 34px;
width: 153px;
text-align: center;
font: bold 12px/33px tahoma, Times, serif;
color: rgb(0, 153, 255);
}
#hmenu21 a:hover {
background: url(/wp-content/uploads/img/menu_b.png) repeat top center;
display: block;
height: 34px;
width: 153px;
color: #ffffff;
text-align: center;
font: bold 12px/33px tahoma, Times, serif;
color: rgb(12, 9, 9);
}
/* —–nocrisise.ru——- */
Внимание: Картинки к скрипту не предлагаются, так что создаём папку в файловом менеджере под названием: “img” вставляйте любую свою картинку.
По теме:
меню ucoz