Изменение вида категорий при добавления файла
|
Заходим в ПУ → Управление дизайном → Страница добавления/редактирования материала → Ищем $BODY$ и после него вставляем: |
Quote (скопируйте и вставьте в нужный шаблон)
<script> $(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 и в самый низ ставим:
Quote (скопируйте и вставьте в нужный шаблон)
.cbutton {margin:0 5px 5px;display:inline-table;padding:6px 10px;background:#fff;border:2px solid #eee;border-radius:3px;} .cbutton:hover {background:#e7e7e7;cursor:pointer;border:2px solid #999} .cbutton.active {background:#fff;color:#ff0000;border:2px solid #ff0000}
Настройки:
Все предельно просто.
.cbutton - стиль, когда кнопка не активна;
.cbutton:hover - стиль, когда бы навели курсор;
.cbutton.active - нажали на категорию.
На этом, пожалуй, все. Приятного использования!)
Все предельно просто.
.cbutton - стиль, когда кнопка не активна;
.cbutton:hover - стиль, когда бы навели курсор;
.cbutton.active - нажали на категорию.
На этом, пожалуй, все. Приятного использования!)