» »

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


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

Если вам надоел стандартный вид категорий то вам предлагаю такой вид. Лично пока его не где на сайте не видел, сам по дизайну он оригинален. Кнопки созданы в стиле гугл, и смотрятся очень стильно. Как понимаете он для светлого шаблона сайта.
Установка:
На странице добавления/редактирования материала вставляем после тега 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;}
11.10.2013 Просмотров: 640 Комментарий: (2)

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

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

Комментарий: 2
ArtElect
ArtElect 12.10.2013 05:361
0
Kosten Скрипт не робит(( хотел себе поставить, 0 эмоций((
Kosten
Kosten 12.10.2013 09:592
0
Sib4ick, вот uc-portaller.ru/load/33-1-0-6362 где взял и не стал проверять. Почитав коменты.
avatar