Онлайн всего: 1
Гостей: 1
Пользователей: 0


ДЕМО Скачать исходники



Новый вид категорий раздела, в строчку. Подойдет под любой яркий дизайн.

Установка:

1. В ваш CSS в самый низ вставляем этот код:
Code
.vidkat {  
  position:relative;  
  margin:0 -10px 20px;  
  padding-top:10px;  
  width:980px;  
  font:normal normal 10px/20px Tahoma, Geneva, sans-serif;  
  text-transform:uppercase;  
}  
.vidkat ul li {  
  display: inline;  
  float:left;  
  margin:0 10px;  
}  
.vidkat ul li a {  
  margin-bottom:10px;  
  display:block;  
  padding-left:22px;  
  width:98px;  
  height:20px;  
  text-decoration:none;  
  color:#fff;  
  background:#EEE url(http://ripbox.do.am/lesson/vidkat.gif) no-repeat 0 -20px;  
  -moz-border-radius:4px;  
  -o-border-radius:4px;  
  -webkit-border-radius:4px;  
  border-radius:4px;
  font-family:Century Gothic;
}  
.vidkat ul li a:hover {  
  background-position:0 0;  
  color:#fff;  
  text-decoration:none;  
}  

#wrapper {  
  float:left;  
  width:960px;  
}


2. Там где вы хотите видеть категории вставляем этот код:
Code
<div class="vidkat">  
  <ul class="razdel">  
  <li><b><a href="http://ripbox.do.am/">Главная</a></b></li>  
  <li><b><a href="/">Верстка</a></b></li>
  <li><b><a href="/">Скрипты</a></b></li>
  <li><b><a href="/">Шаблоны</a></b></li>
  <li><b><a href="/">Модули</a></b></li>
  <li><b><a href="/">Плагины</a></b></li>
  <li><b><a href="/">SEO</a></b></li>
  <li><b><a href="/">Музыка</a></b></li>
  <li><b><a href="/">Статусы</a></b></li>
  <li><b><a href="/">Информеры</a></b></li>
  <li><b><a href="/">Виджеты</a></b></li>
  <li><b><a href="/">Фильмы</a></b></li>
  </ul>  
  </div>


На этом все. Желаю удачи! Вопросы в комментарии.




Создать бесплатный сайт с uCoz