шапка fotoshopiya
Adobe-Photoshop


[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: Palarius, Bars 
Форум » Для сайтов » Скрипты для Ucoz » Вид категорий для UcoZ (источник http://pro-ucoz.net)
Вид категорий для UcoZ
TatkaДата: Среда, 14.09.2011, 18:57 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 94
Статус:

В просторах интернета очень мало скриптов которые изменяют вид категорий для модулей,поэтому выкладываю вид категорий в стиле кнопок,устанавливается очень легко,итак:

Этот код вставляем там где хотите видеть категории,к примеру в блок

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/">Скрипты для 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://rucoz.com/img/57333342.png) no-repeat 0 -20px;
}
.multikat ul li a:hover {
   background-position:0 0;
   color:#000;
   text-decoration:none;
}

#wrapper {
   float:left;
   width:960px;
}
Прикрепления: 4574085.png(17Kb)


 
Форум » Для сайтов » Скрипты для Ucoz » Вид категорий для UcoZ (источник http://pro-ucoz.net)
Страница 1 из 11
Поиск:



Вверх страницыНа верх Вверх страницы

Большинство файлов, расположенных на данном ресурсе, были взяты из открытых источников интернета. Все права на материалы, представленные на сайте, принадлежат их авторам, правообладателям и издательствам. Администраторы сайта не притендуют на их авторство! Любая информация, представленная здесь, может использоваться только в ознакомительных целях. Ни администрация сайта, ни хостинг-провайдер, ни любые другие лица не несут ответственности за использование материалов данного сайта! Входя на сайт вы автоматически соглашаетесь с данными условиями!

Adobe-Photoshop © 2016 - 2024