Главная » Файлы » Скрипты для uCoz » Скрипты для новостей сайта |
Классное горизонтальное меню
[ · Скриншот ] | 19.01.2012, 04:37 |
Инструкция по установке Качаем архив и заливаем на сайт папку images Этот код вставляем в css Code body {font: 11px Arial, Helvetica, sans-serif; } #menu {font: 11px Arial, Helvetica, sans-serif; background-image:url('images/bc_bg.png'); background-repeat:repeat-x; height:30px; line-height:30px; color:#9b9b9b; border:solid 1px #cacaca; width:100%; overflow:hidden; margin:0px; padding:0px; } #menu li {list-style-type:none; float:left; padding-left:10px; } #menu a {height:30px; display:block; background-image:url('images/bc_separator.png'); background-repeat:no-repeat; background-position:right; padding-right: 15px; text-decoration: none; color:#454545; } .home {border:none; margin: 8px 0px; } #menu a:hover{color: gray; } А этот там где вы хотите увидеть меню Code <ul id="menu"> <li><a href="" title="Главная"><img src="images/home.png" alt="Home" class="home" /></a></li> <li><a href="" title="Форум поддержки">Форум поддержки</a></li> <li><a href="" title="Блог">Блог</a></li> <li><a href="" title="Товары">Товары</a></li> <li><a href="" title="О нас">О нас</a></li> </ul> P.S. Поменяйте ссылки на свои !!! | |
Просмотров: 948 | Загрузок: 0 | |
Всего комментариев: 0 | |