Адаптивный шаблон для InstantCMS 2 + виджет

+62
8.6K
Иллюстрация
Адаптивный шаблон для InstantCMS 2 и виджет фотографии который выводить фотографии из альбомов.

Установка:

1. Загрузить файлы в корень сайта.
2. Зайти в Админка -> Настройки -> Интерфейс -> Тема оформления = выбрать new
2.1. Если хотите добавить баннер рядом с логотипом, зайдите Настройки темы и заполните поля Баннера
3. Зайдите Админка -> Виджеты и переставьте виджетов так как на рисунке widgets.gif
Иллюстрация
4. Добавлен еще несколько стилей для виджетов вы можете выбрать их в настройках виджета
Иллюстрация

Если после установки, в верхнем меню появились иконки в фоне кнопок — Зайдите в Админку -> Меню -> Верхнее меню и там 3 кнопки редактируйте всех, там нужно убрать CSS класс, в кнопке Войти убрать только key а ajax-modal не трогать

Если вам нужен виджет фотографии, то инструкция по установке внутри архива.

Демо

[ логин: demo@demo.ru — пароль: 123456 ]

Скачать

Для тех кому не нужна адаптивность, скачать и загрузить css файл с заменой.

Новая версия здесь

0
Def Def 10 лет назад #
а так и задумано, что панель Входа над шапкой сайта пропадает на мобильных устройствах?
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Да так как из меню создается список по ID главного меню, но можно сделать по классу menu тогда в список попадет все меню сайта + вкладки профиля/группы и получиться длинный список, если вы хотите я могу сделать патч
0
Май Май 10 лет назад #
Привет. Не совсем понятен ответ. Допустил, мобильный пользователь зашел на сайт, он на нем зарегестрирован и хочет войти в свой аккаунт, либо не зареган но захотел зарегатся, но не может нигде найти ни форму входа или регистрации, ни ссылку на вход или регистрацию. Вы думаете ему будет интересно знать что так происходит по причине "создается список по ID главного меню бла бла бла" ? Серьезно?
+3
Def Def 10 лет назад #
Evanescence, лучше сделать в мобильной версии кнопку, при клике на которую справа или слева будет выезжать сайдбар с навигацией пользователя или формой входа и регистрации. такое часто можно увидеть на адаптивных сайтах.
0
Май Май 10 лет назад #
Юра, толковое предложение.
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Архив перезалил, теперь есть кнопка Вход/Выход и Регистрация для пользователей с мобильного
0
Май Май 10 лет назад #
Спасибо, еще демо обновите плиз.
0
Def Def 10 лет назад #
""


два раза - выебирте меню. сразу человек подумает, что это два раза продублировалось одно и тоже. логотип тоже лучше сделать со стилем чтобы была адаптивка. правда не знаю умеет ли это делать данный фреймворк. бутстрап такое умеет.
0
Май Май 10 лет назад #
Логотип можно просто сразу сделать по ширине умещающимся в минимальную ширину экрана, такая лошадь как у вас совершенно ни к чему в дизайне smile
Юрий, а с меню разве никак нельзя решить чтобы не дублировался текст? Сверху по идее должно быть Вход/Регистрация, а так как сейчас 2 раза "Выберете меню" никак не может быть.
0
Су-27 Су-27 10 лет назад #
Спасибо и плюсик - побаловали бесплатным шаблоном и смотрится неплохо hoho
+1
Май Май 10 лет назад #
Разработчики дефолтного шаблона, а теперь и кастомных шабов делают адаптивность, но почему то полностью игнорируют возможность входа-регистрации мобильных пользователей. Как то необычно )
0
Май Май 10 лет назад #
Не, мы конечно сами разберемся, поправим css и все такое, просто интересно узнать причину такого подхода )
0
Алфей Алфей 10 лет назад #
А можно сделать.не адаптивный шаблон?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Надо вручную удалить в css файлах коды которые начинаются с @media
0
Алфей Алфей 10 лет назад #
Да я удалял эти коды, не помогает. Может еще что то править нужно, а что именно я не знаю...
0
MiMoHOD MiMoHOD 10 лет назад #
Можно, но самостоятельно. От адаптивности легче избавиться, чем добавить.
-1
Алфей Алфей 10 лет назад #
Мне вообще интересно, зачем эта адаптация нужна? Кому вообще она нужна? Пользователям точно она ни к чему. С этой адаптацией пользователь вообще не поймет зачем он сюда пришел, и что он тут сможет делать.
0
Raiden Raiden 10 лет назад #
Я иногда попадаю в зону с вайфаем и без нетбука. И приходится лазить по своим неадаптивным сайтам со смартфона и это часто напряжно.
0
MiMoHOD MiMoHOD 10 лет назад #
Адаптация нужна для универсальности. А так, можно просто избавиться от нее и создать моб. шаблон или приложение.
0
Май Май 10 лет назад #
Вы с луны свалились? Адаптивность - это свойство интерфейса позволяющее подстраивать дизайн сайта под любые разрешения различных устройств. Это как раз таки и нужно пользователям. Количество мобильных пользователей растет с каждым годом, есть большое число пользователей которые ходят в инет только через мобильники с небольшим разрешением. Адаптивность - это альтернатива мобильной версии сайта.
Кстати, а Вы знаете что большая часть пользователей Одноклассников - это мобильные юзеры? Недавно была опубликована статистика. А Вы говорите пользователям это не нужно, скорее наоборот, пользователям скоро не нужны будут статичные интерфейсы.

У Вас есть сайт? Пргоните его через этот сервис http://www.responsinator.com/ и посмотрите как ваш сайт видят мобильные пользователи.
0
Алфей Алфей 10 лет назад #
Вы знаете что большая часть пользователей Одноклассников - это мобильные юзеры?
Дык я не спорю со статистикой, и не имею ничего против мобильных версий сайта. Но если эта мобильная версия проработана на уровне одноклассников, контакта, фесбука, яндекса и т.д.
А если эта активность только для того чтобы легче прочитать статью и оставить комментарий, а дальше не понятно в какую сторону идти..., тогда уж лучше оставить основную версию сайта.
- К тому же, как я уже писал ранее на форуме, я же не против мобильной версии сайта. Но ведь можно как то сделать чтобы при переключении в мобильном браузере User Agent на Mobile загружлась мобильная версия, а при переключении на Desktop основная версия сайта. Как это происходит на сайтах типа Одноклассники, ВК, Яндекс, Гугле.
- Раньше я покупал мобильный шаблон для версии icms 1.9, с ним шел плагин который по вышесказанному принципу определял мобильное устройство и включал нужный шаблон. Я думаю в этом случае тоже можно что то типа этого сделать.
-1
Май Май 10 лет назад #
Теперь понятно, но это тема для другого разговора. Мобильную версию для двойки еще не скоро сделают, так как это не самая простая задача. А пока как решение есть адаптивность, значит будем с этим пока работать, морщить репу как заставить ее правильно работать на своих сайтах )
0
MiMoHOD MiMoHOD 10 лет назад #
Спасибо за шаблон.

ПС
Если планируете доработки, то было бы не плохо реализовать предложение yury с выезжающим сайдбаром.
+2
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Хорошо, попробую
0
Алфей Алфей 10 лет назад #
Evanescence, сколько нужно заплатить чтобы ты убрал адаптивность из шаблона?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Уже пытаюсь убрать, как только закончу, выложу бесплатно, наверно найдется еще люди которым не нужна адаптивность
0
Алфей Алфей 10 лет назад #
Раньше я покупал мобильный шаблон для версии icms 1.9, с ним шел плагин который по вышесказанному принципу определял мобильное устройство и включал нужный шаблон. Я думаю в этом случае тоже можно что то типа этого сделать.
А может сделать какое то решение на основе вышеописанного плагина?
0
Алфей Алфей 10 лет назад #
Тот самый мобильный шаблон о котором я говорил, и плагин. Шаблон и плагин
0
Raiden Raiden 10 лет назад #
Файл не найден
-1
Алфей Алфей 10 лет назад #
Или как на многих сайтах, сделать внизу страницы ссылки: Мобильная версия и Полная версия.
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
убрал адаптивность, ссылка для скачки http://instantcms.ru/users/files/download4336.html загрузить с заменой.
Ваш плагин скачать не могу, 0 Мб
0
Def Def 10 лет назад #
вот еще косяк (этот косяк конечно с коробки, но всеже может будут идеи
""
)
-1
Алфей Алфей 10 лет назад #
Самое прикольное, что мне даже шаблон не сменить в админке:))
Во придумали адаптивность:))
0
Azura Azura 10 лет назад #
Но... Ведь это же дефолт с расставленными виджетами и чуть правленными цветами...
0
Май Май 10 лет назад #
Ну кое какие отличия все же есть )
0
SE7EN SE7EN 10 лет назад #
Если вам нужен виджет фотографии, то инструкция по установке внутри архива.

А можно подробнее про виджет фотографии, отдельно (подробно), без шаблона. как его сделать, какие куда файлы ложить и т.п.
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Сам виджет:
www\system\controllers\photos\widgets\*
www\templates\new\controllers\photos\widgets\*
плюс, SQL запрос в базу, инструкция в архиве
0
SE7EN SE7EN 10 лет назад #
спс, ща буду попробовать)))
0
SE7EN SE7EN 10 лет назад #
Сделал, фотки показывает, но вот ссылку на фото в альбоме в не формирует. У вас в демо также. Как лечится?
+1
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Файл templates\new\controllers\photos\widgets\list\list.tpl.php строка 6 заменить на
Код PHP:
  1. <?php $url = '/photos/view/'.$item['id']; ?>
P.S. извиняюсь за эти баги, следующий раз с начало создам тему в форуме, а потом после исправления багов создам пост
0
SE7EN SE7EN 10 лет назад #
спасибо, работает!
0
banachi banachi 10 лет назад #
Почему у меня так? И как это исправить?
http://prntscr.com/3fv2ig
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Evanescence:
Если после установки, в верхнем меню появились иконки в фоне кнопок - Зайдите в Админку -> Меню -> Верхнее меню и там 3 кнопки редактируйте всех, там нужно убрать CSS класс, в кнопке Войти убрать только key а ajax-modal не трогать
0
oll oll 10 лет назад #
Замени строки 74.80.92 файла /new/css/theme-gui.css
на эти:
Код PHP:
  1. 74 .icon-cancel, .menu .cancel .item { background-image: url("../images/icons/cancel.png") no-repeat; }
  2. 80 .icon-user_add, .menu .user_add .item { background-image: url("../images/icons/user_add.png") no-repeat; }
  3. 92 .icon-logout, .menu .logout .item { background-image: url("../images/icons/logout.png") no-repeat; }
0
oll oll 10 лет назад #
Извиняюсь! 75 строку а не 74
Код PHP:
  1. .icon-key, .menu .key .item { background-image: url("../images/icons/key.png") no-repeat }
0
SE7EN SE7EN 10 лет назад #
Ёще один момент, я про виджет фотографии. Если выбрать "Показывать фото из всех альбомов" то виджет пропадает с сайта.
0
Helg Helg 10 лет назад #
Таже ситуация Если выбрать "Показывать фото из всех альбомов" то виджет пропадает с сайта. и еще если выбрать не показывать заголовок, то тоже пропадает. Как бы это исправить?
0
SE7EN SE7EN 10 лет назад #
обратись к Evanescence в личном сообщении, мне он помог.
0
John Keeper John Keeper 10 лет назад #
окно сообщений на маленьком размере не видно.
0
Дмитрий Дмитрий 10 лет назад #
Всё отлично работает, спасибо!

не реклама
0
My-InstantCMS.Ru My-InstantCMS.Ru 10 лет назад #
Скоро будет обновление, и несколько новых фишек добавлены в шаблон
0
Дмитрий Дмитрий 10 лет назад #
Ждём )))

Еще от автора

Компонент Находки и потеряшки
С помощью данного компонента можете организовать на сайте Бюро находок, где пользователи пишут о своих находках или потерянных вещах.
Разработка компонента Справочник
Анонс разработки компонента Справочник для InstantCMS2
Разработка компонента Викторина
Обсуждение разработки нового компонента Викторина или Тесты
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.