Главная » Файлы » Все для uCoz » Скрипты для uCoz |
Красивыо верхнее меню для ucoz
11.12.2011, 20:55 | |
Красивые верхнее меню для ucoz. Меню в зелёных тонах для ucoz. В CSS: Code #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;} Туда, где хотим видеть меню: Code <ul id="hnav_list"> <li class="home_link" title="На главную страницу"><a href="/"></a></li> <li><a href="http://manucoz.ru"><span>manucoz.ru</span></a></li> <li><a href="http://manucoz.ru"><span>manucoz.ru</span></a></li> <li><a href="http://manucoz.ru"><span>manucoz.ru</span></a></li> <li><a href="http://manucoz.ru"><span>manucoz.ru</span></a></li> <li><a href="http://manucoz.ru"><span>manucoz.ru</span></a></li> </ul> | |
Просмотров: 424 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |