Адаптивный шаблон Sunny - InstantCMS 2 .Free

+21
1.94K
Адаптивный шаблон.
Адаптивный слайдер, на мобильных устройставх перелистывается пальцем.
С анимацией, позиции подгружаются по мере прокрутки страницы.

Натянул на Инстант с одного урока, внизу шаблона есть линк на этот урок.
Шаблон не претендует на профессиоанльный уровень.
Шаблон "болванка", для переделки под разные проэкты.
У кого есть желния может поменять как хочет.

Для меню в прописать шаблон — menu-sunny
Для слайдера прописать шаблон — slider-jssor

Demo

Скачать

Одну позицию пропустил, архив обновил
0
alexbabo alexbabo 9 лет назад #
Одну позицию пропустил ,архив обновил
+1
Jestik Jestik 9 лет назад #
Что то как то...сложно)
0
alexbabo alexbabo 9 лет назад #
Что именно? smile
0
Станислав Григорьевич (Мозголом) Станислав Григорьевич (Мозголом) 9 лет назад #
Нажимаю на "скачать" пишет что файл не найден.
0
alexbabo alexbabo 9 лет назад #
Перезалил,попробуйте сейчас
+1
Станислав Григорьевич (Мозголом) Станислав Григорьевич (Мозголом) 9 лет назад #
Спасибо, теперь работает!
0
Джехутимери Джехутимери 9 лет назад #
Подкорректируйте скрипты немного:
1) Чтобы появление блоков грузились по скроллу, когда расстояние к блоку больше-равно полэкрана, + повесить появление блоков на скролл, но не таймаутом делать.
2) Убрать из цикла постоянное присваивание overflow:hidden блоку clients-info.
3) Сделать закрытие меню по клику на текст (в данном случае имеется в виду меню возле логина, с пунктом "More").

По css - задать padding:0 телу виджета главного слайдера.
0
alexbabo alexbabo 9 лет назад #
у меня такой вопрос,может знаете,в верхнем меню на до к ul присвоить следующие атрибуты - data-breakpoint="800" class="flexnav".
Код PHP:
  1. <ul data-breakpoint="800" class="flexnav">
В шаблоне menu,tpl.pp заменяю 'menu' на 'flexnav' и класс меняется,а как добавить data-breakpoint="800"?
0
Джехутимери Джехутимери 9 лет назад #
Я, честно, не помню что там как во второй ветке, мельком её смотрел... По идее достаточно просто возле класса указать data-breakpoint="800".
Если по каким-то причинам так нельзя, тогда скриптом:
$('ul.flexnav').attr('data-breakpoint', '800');

Ну и вызывать скрипт до инициализации плагина flexnav.
0
Джехутимери Джехутимери 9 лет назад #
+ по меню.
Это в js:
$('ul.flexnav').find('.touch-button').on('click', function() {
$(this).parent().parent().find('ul').hide();
$(this).parent().children('ul').show();
});
Это в css:
.flexnav {
position: relative;
z-index: 99;
}

Пишите в ЛС в случае чего.
+1
Джехутимери Джехутимери 9 лет назад #
Но, по-моему, Вы рано выложили шаблон, допилить нужно. Для серьезных проектов шаблон пока не взять, упирается в юзабилити.
0
wayfox wayfox 9 лет назад #
не плохо, для одностранички пойдет )))
+2
lezginka.ru lezginka.ru 9 лет назад #
+

Еще от автора

Модуль "Контент панель".Инстант 1.10.3-1.10.4
Вначале планировался простенький модуль делающий перелинковку статей по методу кольца в разделе. Но модуль разросся и оброс многими функциями.
Модуль который виден только в профиле.Инстант.1.10.4
По просьбе Доротея Всё неимоверно элементарно. Создаем копию шаблона module.tpl,с другим именем,в нашем случае module_user.tpl.
Модуль "Новые персональные фотографии пользователя"
По мотивам темы на форуме Вывод фотографий в профиле пользователя Модуль выводит последние загруженные пользователем фотографии в свой личные альбомы.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.