Настраиваемый вид категорий

Новые сообщения · Участники · Правила форума · Поиск · RSS

Страница 1 из 1

Форум » uCoz скрипты » Разное » Настраиваемый вид категорий

TopExpert teaching Internet professions online

Inoy

Дата: Среда, 18.07.2012, 17:19:34 | Сообщение # 1

701

Сообщений:

Награды:

Хорошо известный вид отображения категорий на сайте ucoz. Как сделать?
Это несложно. Должен отметить, что при увеличении высоты блока - появляется полоса прокрутки. Т.е, если категорий много, код добавляет полосу прокрутки и это позволяет использовать меньше места на сайте.
Установка:
Идём в блок, где у вас размещен $CATEGORIES$ и заменяем этот тег на такой код:

Code

<div style="max-height:150px;overflow:auto;">$CATEGORIES$</div>
<script>
  $('table.catsTable tr').each(function () {
  var urlcat = $(this).find('a:eq(0)').attr('href');
  var namecat = $(this).find('a:eq(0)').text();
  var numentry = $(this).find('.catNumData').text();
  $(this).html('<div style="padding:3px;border-bottom:1px dashed #ccc;">» <a href="'+urlcat+'">'+namecat+'</a><div style="float:right;"><span style="font-size:11px;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;color:#858585;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">'+numentry+'</span></div></div>');
  });
</script>

Если в настройках категории уставновить отображение количества материалов и подстроить код под свои нужды, получится:

Источник: scriptoza.my1.ru

Предоставим бесплатный купон на скидку в 10% при покупке GOLD-аккаунта на Depositfiles

Форум » uCoz скрипты » Разное » Настраиваемый вид категорий

Страница 1 из 1

Это интересно
Печать на пленке также читайте. Загружаем Вашу рекламу... Ее нет?!