Значки перед категориями - Меню - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 2
Гостей: 2
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Меню


Простой, но весьма полезный и интересный скрипт, он заменяет стандартные иконки категории модуля.
Скрипт достает из массива ссылки и заменяет их на стандартные.
В случае, если пунктов категорий окажется больше чем ссылок в массиве, то будет подставлен стандартный маркер категорий.

Установка:

Зайдите в ПУ, управление дизайном, каталог файлов / игр / статей / сайтов, и на нужных страницах (Главная страница каталога,страница добавления, страница материала и комментариев к нему и др.) после разместите код:
Code
<style>  
  .imgwrap {padding:2px}  
  .cat_image {vertical-align:-4px}  
  </style>  
  <script>  
  var pic = ['http://xn--g1acecr2a.xn--p1ai/script/ucoz/7/znachki_pered_kategoriei_default.png','http://xn--g1acecr2a.xn--p1ai/script/ucoz/7/znachki_pered_kategoriei_img_1.png','http://xn--g1acecr2a.xn--p1ai/script/ucoz/7/znachki_pered_kategoriei_img_2.png','http://xn--g1acecr2a.xn--p1ai/script/ucoz/7/znachki_pered_kategoriei_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>

Настройки скрипта:

У нас есть две переменные: cats - количество категорий в модуле и массив с картинками pic.
а. В переменной cats измените число 3 на число категорий в вашем модуле.
б. В массиве pic пропишите пути к картинкам для категорий. (В одинарных кавычках через запятую.)

Внимание! в первом (нулевом) значении массива прописывается стандартная картинка для категорий, к которым не указано картинок! в. Также скрипт имеет css стили, для упрощенной настройки отображения значков.

В соответствии с правилами css, при необходимости (если что-то криво) настройте классы .imgwrap и .cat_image
Готово!

Важно!

При копировании материала указывать ссылку на источник.

- 403
- 25-Октября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта