Новый вид категорий (кнопочки в строчку)

1944
6 из 10
Проголосовало: 2




Новый вид категорий (кнопочки в строчку)

Вставляем туда, где хотим видеть категории:

Code
<div class="multikat">  
  <ul class="clearfix">  
  <li><b><a title="Главная" href="/">Главная</a></b></li>  
  <li><a title="Русские фильмы" href="/russianfilms/">Русские фильмы</a></li>  
  <li><a title="Отечественный" href="/otechestvennyj/">Отечественные</a></li>  
  <li><a title="Комедии" href="/comedy/">Комедии</a></li>  
  <li><a title="Комедии" href="/komediya/">Комедии 2</a></li>  
  <li><a title="казахстанские фильмы" href="/kazfilms/">казахстанские</a></li>  
  <li><a title="индийские фильмы" href="/indijjskiefilms/">индийские</a></li>  
  <li><a title="Сериалы" href="/serial/">Сериалы</a></li>  
  <li><a title="Боевики" href="/boeviki/">Боевики</a></li>  
  <li><a title="Боевики" href="/boevik/">Боевики 2</a></li>  
  <li><a title="Драмы" href="/dramy/">Драмы</a></li>  
  <li><a title="Драмы" href="/drama/">Драмы 2</a></li>  
  <li><a title="Триллеры" href="/trillery/">Триллеры</a></li>  
  <li><a title="Триллер" href="/triller/">Триллеры 2</a></li>  
  <li><a title="Ужасы" href="/uzhasy/">Ужасы</a></li>  
  <li><a title="Мистика" href="/mistika/">Мистика</a></li>  
  <li><a title="Юмор и перевод гоблина" href="/jumor/">Юмор</a></li>  
<li><a href="http://rucoz.com/" target="_blank">Скрипты для uCoz </a></li>  
  <li><a title="Мультфильмы" href="/multfilmy/">Мультфильмы</a></li>  
  <li><a title="Мультфильм" href="/multfilm/">Мультфильмы 2</a></li>  
  <li><a title="Детективы" href="/detektivy/">Детективы</a></li>  
  <li><a title="Детективы" href="/detektiv/">Детективы 2</a></li>  
  <li><a title="Военные" href="/voennye/">Военные</a></li>  
  <li><a title="Военный" href="/voennyj/">Военные 2</a></li>  
  <li><a title="Приключения" href="/prikljuchenija/">Приключения</a></li>  
  <li><a title="Мелодрамы" href="/melodramy/">Мелодрамы</a></li>  
  <li><a title="Мелодрама" href="/melodrama/">Мелодрамы 2</a></li>  
  <li><a title="Фантастика" href="/fantastika/">Фантастика</a></li>  
  <li><a title="Фэнтези" href="/fjentezi/">Фэнтези</a></li>  
  <li><a title="Документальные" href="/dokumentalnye/">Документальные</a></li>  
  <li><a title="Документальный" href="/dokumentalnyj/">Документальные 2</a></li>  
  <li><a title="Анимация" href="/animaciya/">Аниме</a></li>  
  <li><a title="Семейные" href="/semejjnye/">Семейные</a></li>  
  <li><a title="Семейный" href="/semejnyj/">Семейные 2</a></li>  
  <li><a title="Криминал" href="/kriminal/">Криминал</a></li>  
  <li><a title="Эротика" href="/yerotika/">Эротика 21+</a></li>  
<li><a title="Хентай" href="/hentai/">Хентай</a></li>  
  <li><a title="Исторические" href="/istoricheskij/">Исторические</a></li>  
  <li><a title="Спорт" href="/sport/">Спорт</a></li>  
  <li><a title="Телепередача" href="/teleperedacha/">Телепередача</a></li>  
  </ul>  
  </div>

Вставляем в CSS:

Code
/* ========== multikat */  
.multikat {  
  position:relative;  
  margin:0 -10px 20px;  
  padding-top:10px;  
  width:980px;  
  font:normal normal 9px/20px Tahoma, Geneva, sans-serif;  
  text-transform:uppercase;  
  background:#AAB8C1;  
  border-bottom:1px solid #4B5D6B;  
  border-top:1px solid #4B5D6B;  
}  
.multikat ul li {  
  display: inline;  
  float:left;  
  margin:0 10px;  
}  
.multikat ul li a {  
  margin-bottom:10px;  
  display:block;  
  padding-left:22px;  
  width:98px;  
  height:20px;  
  text-decoration:none;  
  color:#333;  
  background:#EEE url(http://webo4ka.ru/Ucoz2/novii_vid_kategorii_v_stroky.png) no-repeat 0 -20px;  
}  
.multikat ul li a:hover {  
  background-position:0 0;  
  color:#000;  
  text-decoration:none;  
}  

#wrapper {  
  float:left;  
  width:960px;  
}
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
  • Всего комментариев: 11

NiKiT0S
0
NiKiT0S написал: Написано 08 Марта 2011 в 17:28
Комментарий №7
Как сделать вот такую страницу /comedy/ ?

Вовчик
0
Вовчик написал: Написано 09 Марта 2011 в 21:53
Комментарий №8
Что? surprised

NiKiT0S
0
NiKiT0S написал: Написано 12 Марта 2011 в 13:31
Комментарий №9
Например http://Ваш сайт/comedy/

Вовчик
0
Вовчик написал: Написано 12 Марта 2011 в 15:05
Комментарий №10
Quote
<li><b><a title="Главная" href="http://Ваш сайт/comedy/">Главная</a></b></li>

NiKiT0S
0
NiKiT0S написал: Написано 30 Марта 2011 в 11:45
Комментарий №11
Нет, не в этом смысле. На ucoze без акаунта невозможно ведь создать страницу типа http://Ваш сайт/comedy/ , или http://Ваш сайт/ucoz/ , http://Ваш сайт/shaman/ и т.д.

universali
0
universali написал: Написано 07 Марта 2011 в 22:08
Комментарий №6
cool cool

NiKiT0S
0
NiKiT0S написал: Написано 07 Марта 2011 в 18:54
Комментарий №2
Я даже знаю сайт с которого ты рипнул... biggrin

Вовчик
0
Вовчик написал: Написано 07 Марта 2011 в 18:58
Комментарий №3
я тоже догадываюсь откуда рипнули, но рипал не я, и я рипами давно не занимаюсь!

NiKiT0S
0
NiKiT0S написал: Написано 07 Марта 2011 в 19:02
Комментарий №4
а почему?

Вовчик
+1
Вовчик написал: Написано 07 Марта 2011 в 19:11
Комментарий №5
не хочу!

NiKiT0S
0
NiKiT0S написал: Написано 07 Марта 2011 в 18:53
Комментарий №1
У меня это уже давно есть. Отличные кнопочки

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2115
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Добрый вечер.Подскажите,пожалуйста: как сделать, чтобы второй или третий набор смайлов заменить своими.
Вы сами себе пишите?
  • CbIPoK2513 написал:
  • Скрипт хорош, уже подстроил свой сайт под него :3
  • gefest35 написал:
  • Супер)))!пасиб за работу!!!
  • sasha2016tv написал:
  • Хороший скрипт
    Последние темы
    Опрос
    235
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    Топ пользователей: