Красивое верхнее меню для ucoz. Меню в зелёных тонах.
В CSS:
#hnav_list, #hnav_list li{display:block; padding:0; margin:0; list-style:none;}
#hnav_list {float:left; padding:0 2px 0 0; background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat right -93px;}
#hnav_list
li {height:26px; padding:5px 3px 0 5px; float:left;
background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat 0
-62px;}
#hnav_list li.home_link {width:29px; height:31px; padding:0;
margin:0; background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png)
no-repeat 0 -31px;}
#hnav_list li.home_link a {width:29px; height:31px; display:block;}
#hnav_list li.home_link a:hover {background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat -29px -31px;}
#hnav_list li a {height:21px; display:block; font-weight:bold; color:#fff; text-decoration:none;}
#hnav_list li a span {height:21px; line-height:21px; padding:0 11px;display:block; cursor:pointer;}
#hnav_list
li a:hover {color:#85b63d; background:#f8f8f8
url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat -200px
-62px;}
#hnav_list li a:hover span {background:url(http://salepurchase.ru/manucoz.ru_hnav_bg.png) no-repeat right -62px;}
А это поставьте туда, где хотите видеть меню:
<ul id="hnav_list">
<li class="home_link" title="На главную страницу"><a href="/"></a></li>
<li><a href="http://ссылка"><span>bestarchive.ucoz.com</span></a></li>
<li><a href="http://ссылка"><span>bestarchive.ucoz.com</span></a></li>
<li><a href="http://ссылка"><span>bestarchive.ucoz.com</span></a></li>
<li><a href="http://ссылка"><span>bestarchive.ucoz.com</span></a></li>
<li><a href="http://ссылка"><span>bestarchive.ucoz.com</span></a></li>
</ul>
  | +1 |
|
 Простая ссылка: |
|
 Html ссылка: |
|
 ВВ ссылка: |
|
| 
Категория: 
Добавил: 
Просмотров: 1622 | 
Загрузок:
| 
Рейтинг: 
bestarchive
Vkontakte
Facebook
Написать комментарий: 0
