FREE Bootstrap-3 каркас для InstantCMS 1.10.6

+41
4.78K
Всем привет, это снова я. Прямо стало обидно, что "первая" ветка глохнет на глазах. Может, я консерватор, но всё же. Поэтому.

В процессе разработки шаблона FastNews у меня почти получился адаптивный Bootstrap-3 каркас, который нужно было немного доработать, чем я и занялся. Может быть, во вред тем, кто уже купил FastNews (ведь я задержал выход поддержки премиумов, и исправление мелких недочетов), но в итоге даже они окажутся в выигрыше, потому, что этот каркас я сегодня ночью обязательно внедрю в шаблон, и доделаю премиумы. Но сначала хотелось бы поделиться с сообществом бесплатной наработкой, в надежде на то, что первая ветка немного воспрянет духом.

Итак, задача была — сделать основу, позволяющую быстро и много разрабатывать недорогие, но качественные Bootstrap-шаблоны для 1.10.6 и выше. Здесь изменены все файлы модулей компонентов InstantCMS, так что их хоть прямо сейчас вставляй в любую конструкцию на основе Bootstrap-3, и они будут работать. Дизайна — минимум, бутстрапа — максимум. Всё это легко кастомизировать из css-файла, минимально вмешиваясь (или даже совсем не вмешиваясь) в tpl-ники. Повторюсь, это НЕ совсем шаблон, хотя, в качестве шаблона это использовать тоже можно. Каркас, скорее, пригодится верстальщикам (во всяком случае, я очень надеюсь).

Хотя, всё же нет — вот скрин, а то пост что-то унылый получился без картинок)))
Иллюстрация

Буду очень благодарен, если на демо сайте вы накидаете побольше user-generated контента (любого, хоть даже бессмыслицу lorem ipsum) — это поможет мне выявить мелочи, которые так сходу и не увидишь.

Всем удачи, ПФ, траста и трафика!

Вышло обновление, все ссылки на демо и скачивание там.

0
tokarev tokarev 5 лет назад #
Забыл сказать, что временно остался без скайпа, поэтому, пишите в личку пока.
Спойлер
+2
eoleg eoleg 5 лет назад #
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст
+1
Dost Dost 5 лет назад #
Спасибо! Какой вы молодец!)+
+1
RSN RSN 5 лет назад #
Отлично. Может это и есть заявка на еще один шаблон по дефолту?)))) joke

По ходу попалось... При установлении маленького разрешения фото в "новых статьях" вытягиваются:


Поправить в файл newcss.css строка 1217

в

Код PHP:
  1. .media-module .media-object {
  2. width: 36px;
  3. }
добавьте

height: auto;
0
tokarev tokarev 5 лет назад #
хех) забыл, действительно))) там ещё есть
0
tokarev tokarev 5 лет назад #
Поправил на лету. Было в двух местах. Если кто ещё что заметит, не стесняйтесь, только скрины плиз в спойлер закатывайте, а то читать неудобно.
+12
Fuze Fuze 5 лет назад #
Если вдруг возникнет желание доделать до презентабельного вида и всех все устроит, могу включить в дистрибутив вторым шаблоном с указанием авторства. Может еще кто включится в помощь.
По желанию, разумеется.
+1
tokarev tokarev 5 лет назад #
Fuze, заманчивое и лестное предложение, спасибо огромное. Но возникает множество вопросов - у меня ж там всё, как я привык делать, по-своему. Вроде, я слышал, что в 1.10.7 по дефолту уже будет бутстрап? Нельзя ли тогда взглянуть хотя бы на Ваш css файл, чтобы привести мою писанину в хоть какое-то подобие со стандартами?
+1
Fuze Fuze 5 лет назад #
Вроде, я слышал, что в 1.10.7 по дефолту уже будет бутстрап?
Никто еще даже близко не начинал его делать и уже мало вероятно, что будет, т.к. лично я вижу мало смысла в этом, да и время выделить на бесполезное, на мой взгляд, дело не могу.
Но возникает множество вопросов - у меня ж там всё, как я привык делать, по-своему.
Ну я вроде бы и написал: "может еще кто включится в помощь", "и всех все устроит") Может приверженцы единички соберутся, обсудят и внезапно внесут свой посильный вклад.
+3
tokarev tokarev 5 лет назад #
Ок, тогда я постараюсь сделать всё от меня зависящее
Создам, пожалуй, тему на форуме для пожеланий
0
Lord Lord 5 лет назад #
Шаблон понравился. Если бы чуть по шире zst
+2
tokarev tokarev 5 лет назад #
Ну никто не запрещает в newcss.css поставить любую max-width классу .container )))) и потом, это ж не шаблон в прямом смысле слова, он специально и сделан, чтоб его крутили-вертели
+1
Lord Lord 5 лет назад #
Понял. smile
+1
Петрмаг Петрмаг 5 лет назад #
Похвальное рвение,даже приятно,смотрите,почитателей первой ветки прибавится) Я только не пойму,что значит каркас?FREE Bootstrap-3 каркас
а он адаптивен? Потому-что, иначе никак)смысл теряться будет.
+3
tokarev tokarev 5 лет назад #
Каркас - потому, что шаблоном это назвать язык не поворачивается))) а так - да, он адаптивен
+1
Петрмаг Петрмаг 5 лет назад #
Согласен,ширина хотя-бы так 1200 ,было-бы более современно
+1
Jestik Jestik 5 лет назад #
не заметил где скачать...ну я правда с телефона)
если я правильно понял то можно брать и делать свой шаблон?

выходит для 2 есть для 1 есть...а время свободное кончилось...эхх..
+1
tokarev tokarev 5 лет назад #
Скачать пока только там на демо сайте) на каждой странице в позиции top (модуль "Добро пожаловать") Ссылку здесь выложу, когда будет final version, чтоб файлы в двух местах не обновлять.

Да, можно брать и делать что угодно.
0
Петрмаг Петрмаг 5 лет назад #
А где ширину шаблона регулировать?Или она заложена такая уже,ну например 1200, даже можно краткую,но доходчивую инструкцию)Думаю,кто присоединится к инстанту впервые,с удовольствием скачает и попробует сваять проект, это хорошее дело,инструкции только нужны по смене чего-то,тем более -это "каркас" вот и популяризация инстанта идет, а вы Токарев,молодец,самое нужное делаете,прислушиваетесь к мнению,и прежний шаблон выложили по очень нормальной цене,
Инструкции,нужны!
+2
tokarev tokarev 5 лет назад #
Инструкцию планирую сделать полную, и даже комменты в самом коде и стилях будут)) А по поводу ширины - файл newcss.css строка 9
Код PHP:
  1. .container {background:#fff;width:100%;padding:20px;max-width:940px;margin:20px auto;}
max-width измените на нужную вам
+1
Jestik Jestik 5 лет назад #
Круто круто круто, поковыряюсь) а то хотел octopus у адаптивность делать
+2
tokarev tokarev 5 лет назад #
оформить октопус под адаптивность теперь легко))) немного правок в template.php, чуть-чуть css-кода, дефолтные tpl-ники удаляем, каркас заливаем, вуаля (не в обиду разработчику замечательного шаблона octopus)

З.Ы. немного рекламы: Бесплатный бутстрап-каркас 1.10.6 - оформи свой октопус под адаптивность laugh
+1
Jestik Jestik 5 лет назад #
ну вот я теперь точно знаю что буду делать)
0
Jestik Jestik 5 лет назад #
Все равно что то по быстрому не разобрался)
По свободе поковыряю)
0
tokarev tokarev 5 лет назад #
Пишите, помогу, чем могу.
0
Jestik Jestik 5 лет назад #
Та вроде как кое что и выходит, меню получилось, стили править надо.

Просто больше желания возникает из каркас допиливать чем пилить октопус)
+1
tokarev tokarev 5 лет назад #
Кто успел скачать - архив перезалит, исправлен баг с вытягиванием превьюшек на гаджетах (см скрин выше), и ещё одна мелочь при добавлении каментов. Также спасибо тов. ProstoY, активно потестившему демо сайт.
0
Lord Lord 5 лет назад #
Скачал обратно))
+3
Birles Birles 5 лет назад #
Bootstrap-3 каркас для InstantCMS 1.10.6 где?, где?, в Караганде! Хорошее начинание и разработчик движка готов с вами сотрудничать, так держать, молодец!
+1
Петрмаг Петрмаг 5 лет назад #
Да,он вроде давно делает шаблоны,но после долгого отсутствия.желание помочь ближним ,сделать пользу идет вверх,это хороший знак,особенно для 1 ветки,сейчас у Токарева и конкурентов может не останется,как раньше дезерит шабами "рулил" цена-качество -обновления-совесть))) У Токарева,есть все шансы, занять свою,неплохую нишу - 100%
0
tokarev tokarev 5 лет назад #
Ну, из-за моего отсутствия, некоторые могли на меня обидеться, но поверьте, я не по своей воле отсутствовал. Если у кого-то есть претензии, пишите, решим миром.
+2
tokarev tokarev 5 лет назад #
Кроме того, разработка идет бесплатно, я буду только рад, если ею будут пользоваться другие люди для создания своих шаблонов, как для себя, так и на продажу. Мое глубоко убежденные мнение - вся проблема инстанта лишь в отсутствии массы доступных шаблонов.
0
Петрмаг Петрмаг 5 лет назад #
Полностью согласен,практически позанимавшись последний год-полтора и перелопатив гору шаблонов,других систем,думаю, что это первый "халявный"))) шаблон-конструктов-адаптив,и наверное ему надо дать удобное использование.
1.желательно менять ширину
2.смена фона картинкой
??? люди заинтересованные в инстанте,ваше мнение? давайте поддержим человека,пока он "загорелся желанием"
+1
tokarev tokarev 5 лет назад #
Я не особо представляю, как вносить правки в шаблон, кроме как напрямую через файлы и css. Наверное, для этого должен быть какой-то плагин, но я не программист, чтобы с нуля его написать. Если кто-то сделает, то классно, а я буду верстать дальше)))
+2
Dost Dost 5 лет назад #
Да Вы уже замучили шириной. Код Вам написали уже. Вам еще на сайт установить и людей туда нагнать)
+2
Ris Ris 5 лет назад #
Супер!
Дописал три строчки - третья колонка слева. Поставил контейнеру ширину 95% - резиновый шаблон. smile
Всё прозрачно и понятно.
+4
reload reload 5 лет назад #
каркас для InstantCMS

Для меня это полноценный шаблон - такой шаб (для меня) в 100 раз лучше чем те, под которые нужны танцы с бубном и особое расположение звезд)

Простота сестра таланта!

Жаль что поздно (для меня) такую красоту начали делать на первую ветку...
+4
tokarev tokarev 5 лет назад #
Под вторую смысла не вижу, там и так все в ажуре, как по мне.
0
reload reload 5 лет назад #
Я про двойку в принципе ничего не говорил)

Но! Смысл всегда есть: "совершенству нет предела"
+1
Олег с клещами Олег с клещами 5 лет назад #
Бутстрапы - дело хорошее, и каркас отличный, но, ИМХО класс "select" как-то несовременно выглядит на тачскринах, всёж таки, лучше выезжающие меню, по крайней мере одинаково смотрятся на всех девайсах.
А за каркас - несомненный плюс!
0
tokarev tokarev 5 лет назад #
класс "select" как-то несовременно выглядит на тачскринах
Да, но повторюсь - не было задачи сделать полноценный шаблон, была задача сделать каркас для будущих разработок. Меню всё равно для каждого шаблона делается своё. Поэтому, пошёл наиболее простым путём.
Хотя в свете предложения включить его в дистриб, конечно же, сделаю более серьёзную менюшку.
+1
Олег с клещами Олег с клещами 5 лет назад #
На мой взгляд, хорошее решение по выезжающей панели здесь: http://raymore.ru/ по крайней мере я тестировал на разных гаджетах, работает очень устойчиво.
0
tokarev tokarev 5 лет назад #
Спасибо. Я отдаю предпочтение творениям tympanus.net, думаю, для всех менюшек будет off-canvas мобильная версия. Посмотрим.
+1
Endroid Endroid 5 лет назад #
Хорошая работа.
Заметил, открываем форум, наводим мышкой на название контейнера (она же ссылка), например "Шаблоны InstantCMS и bootstrap каркас" и шрифт скачет
0
tokarev tokarev 5 лет назад #
спасибо, учту
+1
RSN RSN 5 лет назад #
Для тех кто не увидит в форуме, Трех колоночная структура:

Спойлер
tokarev , можно и в пост добавить ссылку... в комментариях не каждый увидит.
0
tokarev tokarev 5 лет назад #
Спасибо, вставил в пост, и на демо-сайте.
+1
Bubble Gumoff Bubble Gumoff 5 лет назад #
Отлично! Даешь дефолт-шаблон! Какая все таки единичка реактивная - даже на бутстрапе hoho
0
tokarev tokarev 5 лет назад #
Почему даже? Там вообще один CSS, без скриптов, без графики
0
Старый балбес Старый балбес 5 лет назад #
Если выполните поддержку динамических стилей LESS. то такой подход к шаблону более чем оправдает Ваши ожидания.
0
tokarev tokarev 5 лет назад #
UPD Готова поддержка InstantMaps, а также небольшой патч к шаблону. Будет разослано покупателям в течении суток. Просьба потестировать, и сообщить о результатах. До окончания тестирования стоимость дополнения всё так же включается в стоимость шаблона.

Скачать скрины
0
tokarev tokarev 5 лет назад #
Туплю, не в тот пост написал))) это к FastNews
0
tokarev tokarev 5 лет назад #
Кстати, сюда поддержка премиумов тоже будет включена))
0
Capitan Capitan 5 лет назад #
Заметил что на многих адаптивных шаблонах содержимое меню по умолчанию скрыто. Нельзя ли сделать чтобы каждый пункт меню на маленьком экране представлял из себя маленький (закругленный) блок с названием. Мне кажется это повысит кликабельность и переходы на мобильных экранах по содержимому меню
0
tokarev tokarev 5 лет назад #
Сделать можно все, но по дефолту все привыкли, что меню сворачивается. Да и насчет кликабельности есть разные мнения.
0
Capitan Capitan 5 лет назад #
вопрос. Если я выкладываю видео на главное с ютуба (там предлагаю мин ширину 560) то оно выпирает вправо из экрана. Что делать. как сделать его адаптивность
0
tokarev tokarev 5 лет назад #
Поддержка видео для данного шаблона еще не готова, есть только мапс, да и то в архив пока не успел его включить. На очереди поддержка шопа, потом - видео. Учитывая реальные темпы моей работы (основное время занимает мелкая доча))) то думаю, видео будет к пятнице.
0
ValeraK ValeraK 5 лет назад #
а как же аудио?
0
tokarev tokarev 5 лет назад #
Будет но еще позже, к воскресенью наверно.
0
tokarev tokarev 5 лет назад #
Ой простите, не понял вопрос))) если просто код видео вставляете, то задайте ему ширину 100%, а высоту - какую они предлагают.
+1
Петрмаг Петрмаг 5 лет назад #
Что кстати с завершением шаблона?
0
Владимир Владимир 5 лет назад #
Подскажите пожалуйста , что то стало тихо совсем с шаблонами и адаптацией премиум компонентов (биллинг,аудио) и доработкой недочетов ?

Еще от автора

Универсальная бегущая строка 1.10.6
Всем привет. Бегущая строка с множеством настроек - более 10 цветов, 3 эффекта скроллинга, полная адаптивность, настройка размеров и отступов, и т.д.
Развлекательный шаблон Mr. Second для 1.10.6
И опять привет всем.[hide]На 80% этот шаблон - дебют моего нового напарника и земляка Алексея, моё вмешательство было небольшим.
Mr. First 5-in-1 адаптивный шаблон для 1.10.6
Всем привет. Очередное "творение", прошу ознакомиться))
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.