Изменение вида категорий при добавления файла
827 просмотров || Скачали 0 раз || Оставили 0 комментариев


Новый и красивый дизайн выбора категорий на странице добавления/редактирования материала. Простая установка и не менее легкая адаптация под цветовую схему своего шаблона.

Заходим в ПУ → Управление дизайном → Страница добавления/редактирования материала → Ищем $BODY$ и после него вставляем:
Код
$(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:#e7e7e7;cursor:pointer;border:2px solid #999}  
.cbutton.active {background:#fff;color:#ff0000;border:2px solid #ff0000}

Настройки:
Все предельно просто.
.cbutton - стиль, когда кнопка не активна;
.cbutton:hover - стиль, когда бы навели курсор;
.cbutton.active - нажали на категорию.

На этом, пожалуй, все. Приятного использования!)

Автор: Точно не знаю, скорее всего Snoopak
Сайт автора: Неизвестен



Категория: Каталог файлов | Добавил: Endless | Теги: добавления, Каталог файлов, файла, при, категорий, для ucoz, изменение, вида, юкоз
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск по сайту
Случайная статья
Случайный материал
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Теги
Скрипт изменения название модуля Новый вид истории репутации пользователя Добавление сообщения на форум без перезагрузки страницы Упрощенный вид uNet-регистрации Предпросмотр добавляемого материала в Ajax окне для любого модуля Самостоятельный переход пользователей в другую группу Удобная форма добавления комментариев Генератор смайлов! Скрипт "Преобразовать BB-код" Удобное добавление фотографии в фотоальбом PSD макет блога Анимированное появление блоков на jQuery и CSS3 Проверка на правильность ввода каптчи Игра "Шарик" в Ajax Подборка Flash часов №1 Переключатели страниц как на uCozABC Модификация "Тем", "Ответов" и "Автора темы" Красивый вид code + подсветка синтаксиса Универсальный анти-мат на весь сайт Замена админ-бара на свой / WoS-Bar Автоматическое распределение списка пользователей по группам Большой сборник иконок социальных сетей с psd Подробная информация об авторе материала Flash шаблон Frog Design Рип вида материалов ucozabc.ru Clip2net Новый вид репутации + сортировка Шаблон Counter Strike Персональная страница пользователя в стиле Stalker Новая модер-панель для каталога файлов Дополнительные BB-коды для каталога файлов Красивый вид опросов для uCoz Набор красивых Flash иконок Карта "Сталкер Зов Припяти" v1.0 Красивая страница ошибки 404 Изменение вида категорий при добавления файла Набор кистей "Курсоры" Раздвижной полноэкранный 3D-слайдер с помощью jQuery и CSS3 Рип аякс окон Набор слайдеров для uCoz Новый вид отображения категорий Изменение кнопок "Редактировать" и "Удалить" на форуме Быстрое редактирование материалов в каталоге файлов Выдвижная верхняя панель с красивым эффектом Новый вид истории ЛС PSD Макет Skylight Автоматическое исправление глючного кода "Drag and drop" элементов сайта Новая версия скрипта "Арена" от Яндекс'а Вид соотношения гостей и пользователей