» »

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


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

Некоторым не нравиться вид категорий разделов на своем сайте. Предлагаю вам Красивый вид категорий разделов меню для сайта 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 Просмотров: 1730 Комментарий: (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