Главная » Файлы » Скрипты для 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. Поменяйте ссылки на свои !!!
Категория: Скрипты для новостей сайта | Добавил: kevin | Теги: горизонтальное, классное, меню
Просмотров: 910 | Загрузок: 0 | Рейтинг: 3.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]