Nk-CS.Ru: Все для вашего портала uCoz
Авторизация

Зеленые елки в png формате

Зеленые елки в png формате Данный скрипт помогает быстро настроить внешний вид категорий,
А также прикрутить анимацию.



Для того, чтобы у вас работал скрипт, вам необходимо установить jQuery плагин
Вставить его нужно после (например в Верхнюю часть сайта):
Код
<script>(function($) {  
  $.cats = function(gcat, scat, opt){  
  if(!gcat || !scat) return alert('Error #1');  
   
  var settings = $.extend({  
  loader: "Загрузка..",  
  animate: 0,  
  timeout: 0  
  }, opt);  
   
  var gid = $('<div/>', {id: 'catsM'}).insertAfter('.catsTable'); // Добавляем новый узел  
   
  $('.catsTable').find('.catsTd').each(function(i, v){ // Ищем все категории  
  var id = $('<div/>', {id: $(v).attr('id'), class: 'catsMc'}).appendTo(gid);  
  id.append(gcat.replace(/\{TITLE\}/g, $(v).find('a').text())  
  .replace(/\{COUNT\}/g, $(v).find('span').text().match(/\[(\w+)\]/)[1])  
  .replace(/\{CATS\}/g, '<div id="catsM'+$(v).attr('id')+'" class="catsMids" style="display: none"></div>')  
  .replace(/\{LINK\}/g, $(v).find('a').attr('href')  
  )); // Генерация HTML  
   
  }).parents('.catsTable').remove(); // Удаляем не нужные DOM элементы  
   
  gid.find('a').click(function(){  
  var r = $(this).parents('.catsMc').attr('id');  
  var sid = $('#catsM'+r);  
  var url = $(this).attr('href'); // Запоминаем url  
   
  if(!sid.html()){  
  $('<div/>', {id: 'catsMload'+r}).html(settings.loader).insertAfter(sid); // Устанавливаем loader  
  setTimeout(function(){  
  $.get(url, function(d){  
  $('.catsTable', d).find('.catsTd').each(function(i, v){ // Ищем все категории  
  sid.append(scat.replace(/\{TITLE\}/g, $(v).find('a').text())  
  .replace(/\{COUNT\}/g, $(v).find('span').text().match(/\[(\w+)\]/)[1])  
  .replace(/\{LINK\}/g, $(v).find('a').attr('href')));  
  });  
  delete d; // Очищаем память  
  $('#catsMload'+r).remove(); // Удаляем loader из DOM  
  });  
  }, settings.timeout); // Таймаут  
  }  
  switch(settings.animate){ // Виды анимации  
  case 1:  
  $('.catsMids').slideUp();  
  sid.slideDown();  
  break;  
  case 0:  
  default:  
  sid.fadeToggle();  
  break;  
  }  
   
  return false;  
  });  
  };  
  })(jQuery);  
</script>


На странице с категорией перед вставляем:
Код

<script>  
$.cats('$1', '$2', {PARAMS});  
</script>


где:
$1 - html код для раздела категории, доступные переменные:
Зеленые елки в png формате - название раздела
{COUNT} - кол-во постов в разделе
{LINK - ссылка на раздел
{CATS} - выводит все категории данного раздела
$2 - html код для самой категории, доступные переменные:
Зеленые елки в png формате - название категории
{COUNT} - кол-во постов в категории
{LINK} - ссылка на категорию
PARAMS - список параметров:
loader: предварительная загрузка (по умол.: Загрука..)
animate: режимы анимаций, доступно пока две анимации: 0 и 1 (по умол.: 0)
timeout: таймер загрузки категорий в миллисекундах (по умол.: 0)

Вот так должно у вас примерно получиться:
Код
<script>  
$.cats('<a href="{LINK}">Зеленые елки в png формате</a><span>{COUNT}</span><div class="cats">{CATS}</div>', '<a href="{LINK}">Зеленые елки в png формате: ({COUNT})</a>', {loader: 'Загрузка...', animate: 1, timeout: 1000});  
</script>


То есть этот скрипт нужно подстроить под свои категории..

0.0
0 оценок
0.0
Дизайн:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Функционал:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Мобильность:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
0.0
Общая оценка:
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
Читайте также
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Авторизация
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно