» »

Красивый вид категорий разделов для сайта


Некоторым не нравиться вид категорий разделов на своем сайте. Предлагаю вам Красивый вид категорий разделов меню для сайта uCoz. Категория выполнена в светлых тонах и сами цыфры обозначены в синем цвете. Что и по дизайну будит красиво и будит явно заметно и по категорий хорошо ориентироваться на сайте. Что где и сколько материала находиться.
Установка проста:
В блоге категорий ищем
Код
$CATEGORIES$

И заменяем на это код:
Код
<div style="max-height:150px;overflow:auto;scrollbar-face-color: green;">$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;background:#F6F6F6;border-radius:2px;font-weight:bold;border-left:1px solid #ccc;border-top:1px solid #ccc;"><img src="/templates/statji_pojas/sklad_kimono/widget_li_a.png" border="0" alt="" /> <a href="'+urlcat+'">'+namecat+'</a><div style="float:right;background: none repeat scroll 0 0 #0094E0;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);padding:0px; margin:0 0 0px 0; border:1px solid #D2D2D2; background:#0094E0; border-radius: 4px; -moz-border-radius: 4px;"><span style="font-size:11px;padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px;color:#ffffff;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;">'+numentry+'</span></div></div>'); }); </script>

Источник: OYAMA-DO.RU
18.04.2013 Просмотров: 1497 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
tolyan163rus
tolyan163rus 22.10.2013 11:241
+1
Автору минус!!!
Ссылка удалена..
๖ۣۜInspire
๖ۣۜInspire 22.10.2013 15:502
0
А что именно было удалено
๖ۣۜInspire
๖ۣۜInspire 22.10.2013 15:513
0
Если картинка, то вот она: OYAMA-DO.RU/templates/statji_pojas/sklad_kimono/widget_li_a.png
avatar