Регистрация    Войти
Авторизация

Значки перед категориями для ucoz

Значки перед категориями для ucoz

Значки перед категориями для ucoz. Простой и полезный скрипт для украшения вашего сайта, написанный по просьбе нашего пользователя iNet, которому отдельное спасибо за идею =). Функции скрипта: скрипт автоматически устанавливает значки, указанные в массиве перед каждой категорией. Подходит для модулей: каталог файлов, каталог статей, каталог сайтов, онлайн игры.

УСТАНОВКА
1. Зайдите в ПУ, управление дизайном, каталог файлов/игр/статей/сайтов, и на нужных страницах (Главная страница каталога,страница добавления, страница материала и комментариев к нему и др.) после /body> разместите код:
<style>
.imgwrap {padding:2px}
.cat_image {vertical-align:-4px}
</style>
<script>
var pic = ['http://www.ujs.su/JS/scr/default.png','http://changegroup.ucoz.ru/img_1.png','http://changegroup.ucoz.ru/img_2.png','http://changegroup.ucoz.ru/img_3.png'];
var cats = 4; // число категорий
$(function () {
// By ujs.su;
for(i=0;i < cats+1; i++) {
var pics = pic[i] ? pic[i] : pic[0];
$('#cid'+i+'').find('a').before('<span class="imgwrap"><img class="cat_image" src="'+pics+'" border="0" /></span>')
}
})
</script>

2. Теперь настраиваем скрипт.
У нас есть две переменные: cats - количество категорий в модуле и массив с картинками pic.
а) В переменной cats измените число 3 на число категорий в вашем модуле.
б) В массиве pic пропишите пути к картинкам для категорий. (В одинарных кавычках через запятую.)
Внимание! в первом (нулевом) значении массива прописывается стандартная картинка для категорий, к которым не указано картинок!
в) Также скрипт имеет css стили, для упрощенной настройки отображения значков. В соответствии с правилами css, при необходимости (если что-то криво) настройте классы .imgwrap и .cat_image
3. Готово!
Автор: Coder

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  5-06-2012, 10:44   Просмотров: 2105   
Значки перед категориями для ucoz, Значки для ucoz, категориями для ucoz
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline shervs 16 августа 2012 15:37
Работает!!! lol

          1

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.