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