Скрипты-სკრიპტები

მთავარი » 2012 » მაისი » 12 » Красивое меню с подсветкой
02:24
Красивое меню с подсветкой
Итак, идем в ПУ-->Управление дизайном-->CSS. В любое место вставляем это:
Code

#hmenu21 {    
    float: center;
}

#hmenu21 a {
    text-decoration: none;
    color: #ffffff;
    background: url(http://torrentsgames.ucoz.ru/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(http://torrentsgames.ucoz.ru/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);
}


А там, где хотим видеть меню, ставим это:
Code
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>
<div id="hmenu21"><a href="http://ссылка" >название</a></div>

 
კატეგორია: Меню | ნანახია: 334 | დაამატა: nukria | რეიტინგი: 0.0/0
სულ კომენტარები: 0
კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]
მოგესალმები Гость