Так же когда категорий много он добавляет полосу прокрутки и это позволяет использовать меньше места на сайте
Установка:
Идём в блок там где у вас $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>
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>
Автор: Nick
Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
для, ucoz, Вид, Категорий, Красивый, NULL
Пользователи/
» Скрипты для uCoz/
2180 /
0
html-cсылка на публикацию | |
BB-cсылка на публикацию | |
Прямая ссылка на публикацию |
Всего комментариев: 0 | |
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.