Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Все для uCoz
- Скрипты для uCoz
- Смена вида материалов на jquery
Всем нам известен официальный магазин скриптов uscript для сайтов созданных в системе uCoz. Так вот, там есть замечательный скрипт смена вида материалов, но к сожалению он платный. Но все бы хотелось такой же, но бесплатный, и вот команда сайта uGarts написала свой собственный скрипт смена вида материалов на jquery. Суть данного скрипта заключается в том, что при нажатии на одну из трёх кнопок вид материалов становится лентой, сеткой в два или три колонны. Установка:
1) Установите CSS стили с CSS.txt в файл с стилями или в общие шаблоны (Таблица стилей (CSS));
2) Между тегом head вставьте библиотеку иконок:
Код
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
3) А перед закрывающим тегом body:
Код
<script type="text/javascript">
$('#grid-view').addClass('active');
$('#list-view').click(function(event){
event.preventDefault();
$('#allEntries [id^="entryID"] .item').removeClass('grid-item');
$('#allEntries [id^="entryID"] .item').removeClass('grid3-item')
$('#allEntries [id^="entryID"] .item').addClass('list-item');
$('#list-view').addClass('active');
$('#grid-view').removeClass('active');
$('#grid3-view').removeClass('active');
});
$('#grid-view').click(function(event){
event.preventDefault();
$('#allEntries [id^="entryID"] .item').addClass('grid-item');
$('#allEntries [id^="entryID"] .item').removeClass('grid3-item')
$('#allEntries [id^="entryID"] .item').removeClass('list-item');
$('#list-view').removeClass('active');
$('#grid-view').addClass('active');
$('#grid3-view').removeClass('active');
});
$('#grid3-view').click(function(event){
event.preventDefault();
$('#allEntries [id^="entryID"] .item').removeClass('grid-item');
$('#allEntries [id^="entryID"] .item').addClass('grid3-item')
$('#allEntries [id^="entryID"] .item').removeClass('list-item');
$('#list-view').removeClass('active');
$('#grid-view').removeClass('active');
$('#grid3-view').addClass('active');
});
</script>
4) Вид материалов устанавливаем с файла - Вид материалов.txt
5) В то место где хотим видеть кнопки вставляем следующий код:
Код
<div class="btn-group">
<a href="#" class="btn" id="grid-view"><i class="fa fa-th-large"></i></a><a href="#" class="btn" id="list-view"><i class="fa fa-list"></i></a><a href="#" class="btn active" id="grid3-view"><i class="fa fa-th"></i></a>
</div>
Источник: http://ugarts.ru/
Добавил: Best_Studio
Дата добавления: 26.12.2015 в 11:08 по МСК
Категория: Скрипты для uCoz
Просмотров: 899
Комментариев: 2
Рейтинг:
Добавил: Best_Studio
Дата добавления: 26.12.2015 в 11:08 по МСК
Категория: Скрипты для uCoz
Просмотров: 899
Комментариев: 2
Рейтинг:
Все есть
 | |