DOSUG CZ– розовая кнопка на сайте!
Новые сообщения · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Форум » uCoz скрипты » Разное » Настраиваемый вид категорий
Настраиваемый вид категорий
DOSUG CZ– розовая кнопка на сайте!
InoyДата: Среда, 18.07.2012, 17:19:34 | Сообщение # 1
701
Сообщений:
8
Награды:

Хорошо известный вид отображения категорий на сайте 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

7244826.jpg(18Kb) · 4973643.jpg(13Kb)


Для сайта|блога (HTML)


Для форума (BB-Code)


Прямая ссылка

Отправь товарищу удобным способом!


Предоставим бесплатный купон на скидку в 10% при покупке GOLD-аккаунта на Depositfiles
Форум » uCoz скрипты » Разное » Настраиваемый вид категорий
Страница 1 из 11
Поиск:
Это интересно
 Печать на пленке также читайте.
 
 
Загружаем Вашу рекламу...
Ее нет?! Нет рекламы...Сперли!?



Печать на пленке также читайте.