Обновление: Free Bootstrap шаблон 1.10.6

+51
7.94K
Всем привет, много чего случилось, и заказы, и дела домашние не давали работать, но мало-помалу дело с бесплатным шаблоном продвинулось, и вот вам новый бесплатный шаблон на бутстрапе))

Долго расписывать не буду, вы сами можете все увидеть и скачать, а просто быстренько пробегусь по пунктам.
1) По многочисленным просьбам трудящихся базовый контейнер растянут на 100%, добавлена третья колонка, и (хотя просили табы) место для вывода модулей в виде аккордеона.
Иллюстрация
Иллюстрация
2) Стилизованы все элементы под Bootstrap, включая формы, кнопки, и т.д. Единственное, что я терпеть не могу — закруглённых углов, поэтому, выпрямил))
3) По максимуму используется Bootstrap, так что основной css файл уменьшился до 563 строк (для сравнения, был 1200 строк, а стандартный вообще 4200 с лишним).
4) Таблицы перевёрстаны, а где не перевёрстаны — сделаны псевдо-адаптивными.
5)… и главное — вместо select теперь на борту нормальное адаптивное меню на js+CSS3, как для главного меню, так и для юзера.

Огромная просьба — поучаствовать в тестировании! Отловлены все известные мне баги, но ничто не сравнится с пользовательским тестом)) О результатах просьба отписываться со скринами.



Огромное спасибо за тестирование и дельные советы пользователям Buzz, Rainbow, и ProstoY, а также всем моим клиентам, которые, сами того не зная, также очень помогли (морально, материально, и физически) smile

UPD Обновлено 28 февраля 2016 года, архив перезалит
Добавлено отдельное дополнение
+3
Василий Сергеевич Василий Сергеевич 8 лет назад #
Ну, что сказать, это же просто замечательно!
+1
Loadырь Loadырь 8 лет назад #
Отлично! Один вопрос: файл /templates/_default_b_/css/bootstrap.css - это оригинал с офф. сайта или в нем были изменения? Хочу проверить свой кастомайзер для бутстрапа.
0
tokarev tokarev 8 лет назад #
Эммм... вот честно не знаю, как ответить... скачал с бутстрапа, да... изменений вроде бы не вносил, но я уже столько с ним мучаюсь, что возможно и забыл, что пару строк поменял))) но на 99% это таки оригинал
0
tokarev tokarev 8 лет назад #
Да, но в style.css вынесены некоторые бутстраповские стили, и внаглую поменяны, цвета, скругления, и т.д.
Так что при любом раскладе, в style.css тоже придётся проводить кастомизацию, хотя там всего 500+ строк, не страшно)))
+2
Loadырь Loadырь 8 лет назад #
Я по молодости склепал себе кастомайзер с кучкой приколюшек для бутстрапа, уже не помню какая там версия была 3.2 или 3.3 - получилось примерно так. Суть его работы в том, чтобы создать файл templates/шаблон/css/bootstrap.css оперируя настройками в админке. А рядом подключается файл style.css в котором прописывается, только то, что должно быть "неизменяемо". В итоге поставил ваш шаблон, сделал пару кликов в админке и могу уверено сказать: ваша работа сделана на отлично. Плюсую стоя.
0
tokarev tokarev 8 лет назад #
Суть его работы в том, чтобы создать файл templates/шаблон/css/bootstrap.css оперируя настройками в админке.
судя по всему, отличная штука, я иногда пользуюсь подобием онлайн кастомайзера bootswatch, но там очень мало стилей. И спасибо за отзыв.
+1
Jestik Jestik 8 лет назад #
Как по мне так на всю ширину это лишнее, 960 лучше всего. Но это мелочи и легко правится.
Спасибо за Ваш труд)
+2
tokarev tokarev 8 лет назад #
Вот ёлки-палки, всем не угодишь laugh то пошире, то поуже))) но вы правы - легко кастомизируется путём задания max-width контейнеру .container-fluid
+1
RSN RSN 8 лет назад #
Что сказать... одно... ОТЛИЧНАЯ РАБОТА!!!))))
0
RSN RSN 8 лет назад #
Попалось:
Спойлер
0
tokarev tokarev 8 лет назад #
Хм... не наблюдаю такого, у меня нормально всё... какой браузер? какое разрешение экрана?
+1
RSN RSN 8 лет назад #
В Лисе такое, в остальных нормально.
Спойлер
0
tokarev tokarev 8 лет назад #
Странно, пользуюсь именно лисой, не наблюдал... Спасибо, завтра буду смотреть подробнее
-1
letsgo letsgo 8 лет назад #
Ошибки.

https://yadi.sk/i/AvGWxkVApahsf
https://yadi.sk/i/EcqkLyQCpahwZ

Хотелось бы вывод статей увидеть не по 4 на странице, а по 8-9 например.
0
tokarev tokarev 8 лет назад #
Сделал по 8 статей.
Первую ошибку увидел, спасибо.
А со второй что не так? Не пойму спросонья.
0
Петрмаг Петрмаг 8 лет назад #
tokarev , попейте чая,примите душик))) Сходите на 15-20 минут на свежий воздух, потому-что это все очень ответственно!
Молодец!Что сказать,да я ждал этого дня 9 лет!
Приятно,светло,важно проработать все мелочи,и первая ветка проживет еще лет 10!
Приглашаю активно тестить шаблон поклонников,шаблон смотрится интересно!
PS: А меню одноуровневое или многоуровневое?
0
tokarev tokarev 8 лет назад #
Меню zst дырявая моя башка...
двухуровневое...
Но сейчас будет трех)))
0
Петрмаг Петрмаг 8 лет назад #
""

При добавлении статьи ,такие значки -- и статьи с модерации уберите,тестить плохо,хочется посмотреть нюансы,где-то подумать
0
tokarev tokarev 8 лет назад #
Статьи поставил принимать без модерации, значки сейчас залью в архив. Спасибо, жду еще скринов.
0
Петрмаг Петрмаг 8 лет назад #
""

Почему не видно в анонсе блогов картинке,хотя в полной статье она есть!!!
и поставьте картинку ширину на полный экран сразу,что-бы как в статьях было.

Я тестю,самое основное,что чаще идет к заполнению
+3
tokarev tokarev 8 лет назад #
Вот тут спорный вопрос. Было мнение, что картинки в анонсах портят внешний вид ленты, поэтому, я их убрал. Может, оставим это на усмотрение юзера, а в инструкции напишем, как их опять подключить?

Ширина картинки на полный экран тоже не айс, даже в статьях. Если картинка например вертикальной ориентации, то она будет размытой. В статьях для этого я специально предусмотрел отдельный шаблон вывода статьи com_content_read_small.tpl, а в блогах ничего другого, кроме центрирования, и ограничения по максимальной ширине, придумать не смог.

Так что, эти два пункта нужно наверно ставить на голосование? Хотя, чую, что голосующих будет полтора человека)))
+1
Raiden Raiden 8 лет назад #
Вы всё правильно заметили, не всегда картинка будет качественной и подходящей и вид будет не товарный. Лучше вот так, без картинок, аккуратно и чисто.
+1
tokarev tokarev 8 лет назад #
Ну значит, нас уже трое, кто так думает))
+2
Upliner Upliner 8 лет назад #
com_content_read_small.tpl - за это дополнительная благодарочка. Только бы не забыть про него.
ИМХО. Фото в анонсах нужны. Они привлекают внимание и вносят разнообразие в монотонную ленту текста. Потому, думаю что выводить их или нет, нужно оставить юзерам/админам на выбор, а вот
tokarev:
в инструкции напишем, как их опять подключить
это оптимальное решение.
+2
Петрмаг Петрмаг 8 лет назад #
Да,нужно сделать инструкцию как включить картинки в анонсы блогов вы правы!
0
Петрмаг Петрмаг 8 лет назад #
""

Сам экран для СЕО описания разделов блога надо больше сделать,чтобы понятнее было пользователю,да и заполнять удобнее гораздо!
0
Петрмаг Петрмаг 8 лет назад #
""

Вот проблема одна,нужно реально побольше делать картинки в анонсах,пользователь что должен под микроскопом всматриваться в изображение?Он плюнет и уйдет
А по картинкам интересным ,реально "долбят хорошо" ,изображение заинтересовало,начинают читать что там написано,поэтому картинки в АНОНСАХ ВСЕХ СТАТЕЙ И БЛОГОВ НУЖНО СДЕЛАТЬ ПОБОЛЬШЕ к примеру 150 на 150 или модуль нужен такой встроенный.
0
tokarev tokarev 8 лет назад #
Для этого есть вывод статей в несколько колонок с крупными красивыми превью. А некоторым нравятся вот такие маленькие превьюшки, их мнение тоже нужно учитывать, пусть выводят статьи в одну колонку))
0
Петрмаг Петрмаг 8 лет назад #
вывод статей в несколько колонок с крупными красивыми превью.Это хорошо тогда! Я же не вижу изнанку))) Молоток!!! вы,после этого шаба думаю,многие будут делать сайты на 1 ветке, на вторую наши коллеги делают много, будут жить обе!
Мы привыкли к ней,поэтому и будем ее гладить и ласкать нежно!)))))))))))))
0
Петрмаг Петрмаг 8 лет назад #
""

Не смог нажать и принять предложение дружбы (или у меня глюк) проверьте
0
Capitan Capitan 8 лет назад #
Как то на хабре обсуждался момент адаптивности. Мне кажется что для современных моб.экранов адаптивность будет скорее злом чем пользой. Некоторым просто лень пролистывать и смотреть некоторую инфу. Проще увеличить экран в заинтересованном месте и кликнуть по нужной ссылке. Так что как я уже разговаривал с автором нужна функция отключения адаптивности
0
tokarev tokarev 8 лет назад #
Функция не нужна)) для этого есть обычный не адаптивный шаблон _default_ )))
+2
Jestik Jestik 8 лет назад #
Адаптивность разная бывает) Тем более сейчас уже FullHD экраны на телефонах пошли.
0
Capitan Capitan 8 лет назад #
Извиняюсь наверное меня не так поняли и я сам некорректно написал. Мобильная версия. Мне кажется что страница должна полность отображаться на экране
Олег Васильевич я Олег Васильевич я 8 лет назад #
Комментарий удален
0
Capitan Capitan 8 лет назад #
Маленькая ошибка
В модулях, по умолчанию на странице всегда показывается название модуля, даже если убрать галочку справа от названия модуля в админке
+1
WowChih WowChih 8 лет назад #
Прекрасно :)
Подумываю о частичном возврате на первую ветку) Две лицензии шопа пропадают, надо перенести на новые домены)))
Как адаптивная основа вообще замечательное изобретение!
+4
tokarev tokarev 8 лет назад #
Подумываю о частичном возврате на первую ветку
вот)) уже ради этого имеет смысл работать laugh
+1
Raiden Raiden 8 лет назад #
Я тоже под это дело сайт с 1.10.4 на актуальную версию обновил, увидев ваш шаблон))
+1
Александр Александр 8 лет назад #
Дело мастера боиться smile Супер ! жаль очень мало свободного времени , уже сутки руки недоходят протестировать)
Аа премиум компоненты пока на дальнем горизонте, видео например?
+1
tokarev tokarev 8 лет назад #
Я могу гарантировать лишь, что будут отработаны все пять премиумов
Но вот времени катастрофически мало, его едят заказчики, покупатели, семья, и тд, и тп. Я уже и так волыню некоторых клиентов, "завтра доделаю", "ещё совсем чуть-чуть", поэтому, не стану врать насчёт сроков. Думаю, примерно 7-10 дней понадобится, но слишком от многого зависит. В любом случае, и по каркасу, и по другим делам - работа идёт, я здесь, на связи. Извините, если что не так. Не стесняйтесь напоминать о себе в личку, поскольку, могу забыть чего-нибудь.
0
moybut moybut 8 лет назад #
А стандартный компонент банер отрабтать чтоб адаптивность банерам давал сможете? Банеры нужны на сайте, но без адаптивности все портиться :((((
+1
Петрмаг Петрмаг 8 лет назад #
Основное преимущество данного шаблона,то что он будет вторым дефолтом,а это самый гуд! не считая его остальной прелести, видео итак встало в принципе,
+1
tokarev tokarev 8 лет назад #
да, кстати, при прямых руках видео и мапс встают более-менее удобоваримо, если, конечно, смотреть на десктопах, на мобилах естественно всё катится к чертям)))
Оффтоп
+1
Upliner Upliner 8 лет назад #
Прикольные аватарки. Спасибо. Взял для коллекции.
+1
Вежливый Хам Вежливый Хам 8 лет назад #
Спасибо, большое.
На первый взгляд — очень круто.
+1
Петрмаг Петрмаг 8 лет назад #
На второй тоже,третий места много,
+2
tokarev tokarev 8 лет назад #
Итак, друзья.
Исправлены все полученные в каментах к этому посту недочёты по шаблону.
Добавлена поддержка третьего уровня в выпадающем меню.
По просьбе Петрмага сверстаны несколько дополнительных шаблонов для красивого вывода модуля "Последние статьи" в несколько колонок, и в виде слайдера.
Спойлер

Качайте у меня на сайте))

Новая версия шаблона от 28.02.16
Дополнительные модули
0
moybut moybut 8 лет назад #
Была просьба ранее отработать адаптивность стандартного компонента баннеры. Баннеры не адаптивные и на мобильных устройствах очень портят вид. Исправьте пожалуйста.
+2
Петрмаг Петрмаг 8 лет назад #
Супер-гуть! Волшебство от tokarev,случаются по "хотению"))))))
Реально, молодец!
+1
Capitan Capitan 8 лет назад #
Как убрать мобильность, а то что-то не получается
0
tokarev tokarev 8 лет назад #
отключите файл responsive.css
+2
Capitan Capitan 8 лет назад #
А минус мне за что кто-то поставил? :(
Если кто-то задает вопрос, то наверное он не знает ответа.
0
Delika Delika 8 лет назад #
Очень круто! Спасибо ++++ только есть вопросик. Как я понимаю это шаблон, который заменит мой стоящий сейчас. (Ну если правильно понимаю). А как сделать, чтобы мой например дефолтный остался, а этот выводился только на мобильных?
0
tokarev tokarev 8 лет назад #
без дополнительных плясок с бубном не обойтись))
+1
garry garry 8 лет назад #
Не было время отписаться.
Отлично, в тему, вовремя, в ногу..., Bellissimo!
Собственно под любой проект в рамках bootstrap, тысяч сниппетов, можно сделать отличный и немаловажно быстрый сайт.
Тем паче все развивается автором.
Хотел на будущее развитие подкинуть идейку.
Сейчас очень активно гугл продвигает новый стандарт AMP(быстро загружающиеся страницы, Enable Accelerated Mobile Pages (AMP)).
Причем уже используют его ведущие игроки CMS, соц сети и тд.
Введена статистика в панеле веб мастера гугла и выдача сориентирована.
А мы знаем что яндекс все подхватывает, но чуть с задержкой, думаю будет актуально если в итоге и тут сие появится.
Кстати даже фейсбук открывает с апреля для всех желающих использование стандарта быстрых страниц, причем уже сейчас новостники которые были допущены к тесту, впереди всех. У них есть ряд своих функций, но в принципе не критично, я в за основной стандарт AMP написал.
В общем гугл однозначно заявил о приоритете в выдаче и доставке пользователям именно AMP страниц.
Я юзаю плагины от WP, пока только наблюдаю статистику.
Насколько я смотрел, в принципе в верстке нет ничего сложного, просто добавляются к существующим правила AMP. Но не вникал толком.

И повторюсь, это как пожелание на будущие! smile
0
Dost Dost 8 лет назад #
Спасибо, за работу. Шаблон получился хороший с самого начала.
Почему то все молчат за поддержку микроразметки.
0
Петрмаг Петрмаг 8 лет назад #
все впереди,думаю))) его еще и Фузе "пройдет" как где-то обещал...
0
tokarev tokarev 8 лет назад #
я не силён в микроразметке, если кто знает, как нужно сделать - скиньте, я включу в архив

давеча сделал схема.орг на сайте, так сеошники забраковали, а как правильно - не сказали)))
0
Jestik Jestik 8 лет назад #
Картинку позиций нужно заменить)
0
tokarev tokarev 8 лет назад #
зачем?
0
Jestik Jestik 8 лет назад #
Сделал себе макс шириной 1024 пикселя. Но кое где встречаются еще баги с отображениям (что то может быть обрезано) когда все доделаю выложу, а кому не терпится пишите в лычку)
0
tokarev tokarev 8 лет назад #
я по воле судьбы сейчас работаю на старом мониторе 1024, ничего не режется вроде, покажите на живом примере? мне же нужно всё предусмотреть
0
Delika Delika 8 лет назад #
У меня в статьях почему то изображение огромное. Как это исправить? В настройках компонента статей выставлено 200
""
0
tokarev tokarev 8 лет назад #
используйте в статьях, где нужно маленькое превью, шаблон вывода статьи com_content_read_small.tpl
0
Петрмаг Петрмаг 8 лет назад #
Дорогие коллеги ,все вопросы,думаю лучше задавать на оффе этого шаблона,разбор детальный полетов шаблона теперь здесь!
http://www.instantcmsv1.ru/forum/1007 регистрируемся и спрашиваем,автору сложно " просматривать все то там,то сям" тема переносится на офф сайт разработки!
+2
WALTERZ WALTERZ 8 лет назад #
Вот это уже серьезно, молодец
В предыдущем посте говорилось, что уже есть поддержка мапса, а в архиве нет. Можете скинуть?
0
tokarev tokarev 8 лет назад #
О Мапсе не помню разговора. Есть шоп, вечером будет доступен для скачивания.
+2
Петрмаг Петрмаг 8 лет назад #
По дефолту 2 ,кстати много интересного делаем Free Bootstrap шаблон 1.10.6, желающие ,присоединяйтесь ,когда много "голов" движуха идет гораздо быстрее и популяризация 1 ветки в данном случае растет,точно так-же как и 2 ветки.
Напоминаю офф.обсуждение и решение http://www.instantcmsv1.ru/forum/1007
0
Clear Clear 8 лет назад #
Шаблончик замечательный. Есть один вопрос. Если кто знает подскажите как сделать чтобы Саб-Меню (sub-menu) открывалось не в один столбец а в горизонтальном виде как основное меню при наведении. Чет пробовал в стилях ковыряться не вышло. Просто если в меню 20 подпунктов слишком длинное и некрасивое получается. Заранее благодарен
0
Azura Azura 8 лет назад #
module_menu.tpl утерян из дистриба... Печаль... У кого может есть?
0
Ris Ris 8 лет назад #
Но module_menu.tpl нет ни в одном дефолтном шаблоне ни в одной версии.
Может mod_menu.tpl?
0
Владимир Савенко ✝️ Владимир Савенко ✝️ 8 лет назад #
Опишите в чем проблема и чем это чревато. Хотел ставить на сайт данный шаблон, теперь вот в раздумьях
+1
Jestik Jestik 8 лет назад #
все нормально с шаблоном, пользуйтесь. За бесплатно все равно лучше нету
0
uchenik uchenik 8 лет назад #
Спасибо огромное !
+1
Ris Ris 8 лет назад #
Ага, я тут его покрасил слегка - обалденно получилось.
Плохо, что Токарев чем-то заболел. Есть тут кто из Караганды? Может ему помощь какая-нибудь нужна?
+2
Олегсей Олегсей 8 лет назад #
Он не заболел. Поясняю - я сам с Алматы, но постояно бываю и в Караганде, и в Астане, и учился с его братом в одной группе, мы сейчас тоже иногда общаемся за пивом, или чаще онлайн. Короче, Казахстан большая деревня. А с самим Сашей мы работали по нескольким проектам. Собственно, и про Instant я от него узнал, только не было возможности за регистрироваться. Так вот, мне точно известно через его брата, что у Токарева проблемы с законом. Какие - там всё мутно, поэтому, не буду плодить слухи. Помочь там ничем нельзя.
0
Владимир Савенко ✝️ Владимир Савенко ✝️ 8 лет назад #
Он как то писал, когда в прошлый раз пропадал, что был под следствием, причем обвинения были очень серьёзные. Надеюсь, что всё обойдется.
+1
Олегсей Олегсей 8 лет назад #
А теперь, собственно, чё я зашел то на эту страничку. Никто не пытался ставить данную тему на 1.10.7? По делитесь опытом, я как понимаю, там правки минимальные?
0
Юрий Юрий 8 лет назад #
Обновился до 1.10.7 полет нормальный, правда не весь функционал движка использую.
0
Олегсей Олегсей 8 лет назад #
Вообще без правок в шаблоне? Отлично, тогда тоже попробую сегодня.
+1
Юрий Юрий 8 лет назад #
На сколько я помню при обновлении 1.10.7 там нужно внести 1 строчку кода в шаблон и все.
0
Bubble Gumoff Bubble Gumoff 8 лет назад #
Что за строчка ? если не трудно подскажите
0
Юрий Юрий 7 лет назад #
Поставил на 107 без проблем. И рнр 7...все работает .
0
Юрий Юрий 7 лет назад #
Может быть кто и пробовал сделать оное на этом шаблоне:


Через встроенный шаблон модуля "accordeon"

Поделитесь знаниями, у меня толков не хватило ((( Либо все съезжается в неведомо куда, либо не работает вовсе.

Еще от автора

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