Главная » 2012 » Июнь » 28 » Красивый и удобный вид отображения категорий (Скрипты для ucoz)
28.06.2012, 10:22

Красивый и удобный вид отображения категорий




Красивый и удобный вид отображения категорий на сайте 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>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: Скрипты uCoz | Просмотров: 1306 | Добавил: sold93 | Рейтинг: 5.0/3 |
Теги: удобный, Категорий, вид, красивый, отображения
Всего комментариев: 2
0  
1 Arhim   (28.06.2012 18:45) [Материал]
Аватар пользователя
А как убрать подчеркивание названия категории? В какое место вписывать - "text-decoration: none;"?

0  
2 frenkmalcov   (28.06.2012 18:56) [Материал]
Аватар пользователя
стили

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]