вСкрипты для Юкоз

Оригинальный вид категорий сайта

 
Если вам надоел стандартный вид категорий то вам предлагаю такой вид. Лично пока его не где на сайте не видел, сам по дизайну он оригинален. Кнопки созданы в стиле гугл, и смотрятся очень стильно. Как понимаете он для светлого шаблона сайта.
Установка:
На странице добавления/редактирования материала вставляем после тега BODY следующий код

Код
<script>  
$(‘#ldM57’).each(function()  
  var ohtml = »;  
  $(this).find(‘table’).hide();  
  for(var i=0;i<$(‘#uCatsMenu9 input’).length;i++)  
  ohtml += ‘<div class=»cbutton ‘+(($(«#uCatsMenu9 input»).eq(i).is(«:checked»)) ? «active» : «»)+'» onclick=»selcat(this, ‘+$(‘#uCatsMenu9 input’).eq(i).val()+’);»>’+$(‘#uCatsMenu9 input’).eq(i).next().text()+'</div>’;  
    
  $(this).append(ohtml);  
});  

function selcat(t, id)  
  $(‘.cbutton’).removeClass(‘active’);  
  $(t).addClass(‘active’);  
  $(‘#uCatsMenu9 input[value=’+id+’]’).click();  
  
</script>

И стили к скрипту в CSS:

Код
.cbutton margin:0 5px 5px;display:inline-table;padding:6px 10px;background:#fff;border:2px solid #eee;border-radius:3px;  
.cbutton:hover background:#ddd;cursor:pointer;  
.cbutton.active background:#217EAC;color:#fff;

источник: zornet.ru

Похожие посты