Шаблон для LiveStreet. Разработка ls-bootstrap (Трансляция хода работы)

Шаблоны для LiveStreet
Всем привет, как обещал начал делать шаблона для LiveStreet CMS на основе Bootstrap.



Писать я нее умею, плохо у меня с этим, поэтому сухие цифры и факты.

Чего нет:
  1. Что такое Bootstrap
  2. Нет поддержки адаптивности tablets
  3. Нет поддержки адаптивности phone
  4. Частично поддержка API Bootstrap
  5. Не тестировался на кроссбраузерность

Что есть:
  1. Поддержка bootswatch.com, bootswatchr.com и пр.
  2. Поддержка конструктора Bootstrap
  3. Сильно видоизменяемость шаблона, смотрим пункт 1
  4. Готовый стандартный шаблон LiveStreet CMS 1.*

Что хочется:
  1. Улучшить редактор текста
  2. Поддержка адаптации tablets, phones
  3. Кроссбраузерность
  4. Шаблон для разработки другого шаблона
  5. Как можно больше внедрить API Bootstrap


Хочется еще сказать, что это не конечная версия даже простого шаблона для LS, он еще будет изменятся.

Требуется тестирование шаблона, а так же диагностика и предложения.

Есть желание участвовать в проекте?

Одно из требований:
  • Не менее 2 дизайнов для LS
  • Не менее 2 шаблонов для LS
  • Не менее 4 плагинов для LS
  • Знание js и умение работать с API
  • Проекты на Bootstrap
  • ВАЖНО знание GitHub!

+++++++++++++++++++++++

UPD1 Версия 0.2
UPD2 Версия 0.3



Версии 0.2:
  • В конфиг шаблона встроена фиксация верхних меню
  • Поправить дефолтные кнопки шаблона от LS
  • Цветы для кнопок плюс-минус
  • Всякие мелочи, которые попались
  • Баги
  • Спроектирован будущее расположение блоков для версии tablets
  • Спроектирован будущее расположение блоков для версии phone

Версии 0.3:
  • Адаптация под планшеты
  • Доработка конфига шаблон, гибкая настройка верхних меню и позици -/+ голосовалок
  • Элементы дизайна
  • Баги

Что будет в версии 0.4:
  • Адаптация под мобильные телефоны
  • Обновления bt до 2.3.0
  • Оптимизация дерева комментария (прирост скорости 10-30% страницы)
  • Дизайн редактора теста
  • Стиль календаря
  • Тест первой цветовой палитры из bootswatch.com

Кстати вот, обсуждаем.

PS. Адский контент, после тестирования, будет адски удаляться, спасибо за понимание.
PSPS. Найдете адские ошибки в тексте, сообщите мне лично поправлю.


Хочешь поддержать проект?
Спроси меня как!

Уже поддержали 30 чашками кофе!

100 комментариев

avatar
а где же ссылка?
avatar
На логотипе же)
комментарий был удален
avatar
Я только хотел попробовать сделать шаблон на Twitter Bootstrap и чтобы можно было менять стили с помощью WrapBootstrap, но лучше доверить профессионалу.
avatar
Спасибо за ссылку!
avatar
ну вы меня конечно удивляете товарищ бьюти :)
avatar
Если вы находите что то удивительное, то я рад :)
avatar
на странице bootstrap.wstandart.ru/blogs/ как то всё трясётся при прокрутке страницы вниз:)
avatar
что именно трясется, не понимаю вас чуть чуть )
avatar
вниз пролистываешь — а её вверх автоматом возвращает, вот и получается эффект как будто «трясётся». ну это у меня в хроме Версия 23.0.1271, на других браузерах не смотрел.
avatar
очень странный эффект особенно на этой странице, у меня там вообще скролла нет :)

говорите разрешение монитора! =)
avatar
Диагональ (дюймы): 15.4
Разрешение: 1280x800
Тип: WXGA

:)
avatar
спс буду смотреть
avatar
Дело в панели с position=«fixed».
На ее месте нужно оставлять занимаемое ей пространство. Нижние блоки и прыгают.
avatar
хм спасибо попробую
avatar
Тоже самое здесь bootstrap.wstandart.ru/people/
opera 12.12
1366*768
В хроме эта страница норм, а указанная выше тоже возвращает на верх.
avatar
спасибо!
avatar
я так понимаю вы только начали ) потому что работы еще не початый край, ресайзнул страницу и сразу увидел что блоки у вас вниз не уходят, некоторые блоки для моб. вида вообще нужно убирать (т.е лишняя нагрузка), вообщем что хочу сказать вы не воспользовались самой главной фишкой бутстрепа — адаптивностью

и не у всех кнопачег поменяли button на btn :)
avatar
продолжайте, бум ждать новых версий. но я считаю эту выпускать рано, больно сыро
avatar
а не кто и не выпускает :) просто презентую.

некоторые презентуют макеты даже просто :) а я вот так презентую
avatar
Я же и написал что еще делов много да и версия 0.1

это так только звоночек на будущее не более.
avatar
в чем преимущество перед обычными шаблона для Ls?
avatar
Когда дойдет до первой версии, плюсы очевидны:
+ Адаптация под мобильные устройства
+ Изменения размера-шрифта-цвета и пр. с помощью удобных конструкторов темы
+ Использования десятков готовых палитор цвета
+ Частичная поддержка API Bootstrap
+ Поддержка Bootstrap, который является одним из самых популярных фреймворков на данное время

и вообще список конечно развернуть более полробно :) но зачем говорить о том чего нет.
avatar
Спасибо. Успехов вам! )))
avatar
спасибо, буду стараться.
avatar
Полезное дело! Удачи!
avatar
Спасибо :)
avatar
А где можно форкнуть?..
avatar
есть желание поработать с проектом? тогда в личку.
avatar
Интересная концепция развития опен сорс проекта через закрытость :)
avatar
ну не кто не говорил что проект будет опенсорс :) это что то вы придумываете.

да будет бесплатная версия, которая почти не чем не будет отличаться от платной, платная скорей всего будет отличаться, доп. плагинами :) как то так.

а вообще хочется бесплатную по большей части.
avatar
Ваше право
avatar
опять на Вы да что же это такое :)
avatar
Ну и зачем продолжать гадить ветку комментариев к хорошему начинанию? :)
А так это нормальное дело уважительно отвечать человеку публично, тем более не я первый начал :)
avatar
а так гитверсию выложу, как только доберусь до первой версии, а то что показывать телегу с одним колесом :)
avatar
Действительно смешно.
avatar
Давно пускаю на эту библиотеку слюни.
Есть желание забабахать шаблон на свой проект именно на bootstrap.
Собственно готов платить и все такое)
avatar
тогда пожалуйста в личку для более подробных предложений.
avatar
было бы классно, если бы сайдбар в определенный момент изчезал…
avatar
так и будет.
avatar
Поиск и кнопка найти чуть наезжает друг на друга и немного на разных уровнях
avatar
ну то что она наезжает, это вы не понятно сказали, так как они единое целое :)

а то что на разных уровнях подробней, браузер какой
avatar
Уже тошнит от bootstrap :) Где его только не юзают…
avatar
у меня такое же мнение про майонез :) хотя в отличии от bootstrap, он скорее вреден чем полезен.
avatar
Мне так кажется, или это действительно так, макет шаблона очень шустрый, топики, прямой эфир, подгружаются очень быстро, задержек практически нет. Только клацнешь мышью, и ты уже в топике…
avatar
вам скорей всего кажется, конечно же слова лестные :) но это скорей всего у меня сервер хороший.
avatar
я вот тоже об этом подумал, летает прям. Если вам не трудно, поделитесь ссылкой в личке на хостинг. Спасибо!
avatar
Fastvps

от себя еще rusonyx порекомендую
avatar
не очень понятно, зачем это все? адаптивный дизайн можно сделать самому. Если речь о встроенных менюшках и прочей лабуде, то… не уверен, что такие усилия того стоят.

Все равно под каждый шаблон адаптивность будет своя. Для синио одна, для симплы — другая. Все нужно делать индивидуально. Хотя хз, может я чего то не понимаю...)
avatar
Вот и я того же мнения :)
avatar
то что с этим шаблоном вам будет уже удобней НАЧАТЬ делать свой дизайн, кому картинку поменять или цвета и уже получают адаптивный дизайн.

Да кому то надо будет побольше поправть, но то что уже будет много готового, очевидно ), то меньше времени займет и сил.
avatar
В опере 12.12
и ещё в допдауне создания топиков фотосетов и тд две ссылки на топик)
avatar
ага заметил что там 2 ссылки :)

спасибо за баг поправлю
avatar
вот про это и писал, кнопочка «найти» наезжает и чуть выше, браузер опера
avatar
Вот пример LS + Bootstrap
А шаблон мне нравится… Люблю бутстрап =)
avatar
Только может на кнопках сделать более закругленные углы? А то как квадратные получились…
avatar
И уведомления… Лучше было бы, если бы они всплывали под поиском… А то не аккуратно…
avatar
В дополнение: при определенных размеров экрана, например меньше 1000 или 800 лучше сдвигать Прямой эфир и Теги вниз. Так как они занимают много места и читать статьи будет сложнее… Кому надо — пролистают вниз.
avatar
ну читать надо топик то :) алаптация еще не готова, так как не спроектирована логика.
avatar
ага в курсе :) сделаю
avatar
ты чего квадраты на сайте сейчас стильно, это как windows 8
avatar
Windows буэ :)
avatar
будет реализован дефолтный дизайн Bootstrap, а вот квадраты и win8, есть такая тема для Bootstrap, перезаписав 1 файл у вас будет стиль по win8
avatar
Как в Windows 8
avatar
именно про это и говорю, причем можно сделать свои цвета, вобщем полный фарш
avatar
кнопки дефолтные еще не переделаны :)
avatar
спасибо за пример :) но там реализовано не совсем аккуратно видны яркие косяки, адаптации
avatar
А как насчет xbreaker.github.com/plusstrap/?
avatar
это тоже оболочка на основе Bootstrap, перезаписываете пару файлов и сайт выглядит, в стиле как вы указали.
avatar
HTML KickStart — еще один способ быстро создать интерфейс своего веб-приложения
Об этом что думаешь?
avatar
что это еще один фреймворк, Bootstrap выбран только из-за того что он лидер и в него вложены большие деньги, что есть хорошее развитие, а все остальные может и будут хороши в своем, но вероятность, что они закроются.
avatar
дело хорошее. этот скин на базе developers создан?
avatar
конечно )

так как возможно будет некая расширенная версия, которая будет продаваться за символические денежки, в комплекте с плагинами, поэтому только на developer
avatar
Обновил, смотрим. Спасибо за внимание.
avatar
Мне одному кажется, что когда заходишь на страницу пользователя и хочешь проголосовать за него, там [ + | рейтинг пользователя | — ], например рейтинг пользователя 0, то:
[ + | 0.00 | — ]
Вот в той «конструкции» надо минус и плюс местами поменять, просто так привычнее. [ — | рейтинг пользователя | + ], т.е.:
[ — | 0.00 | + ]
avatar
соглашусь с тем что возможно это привычно, но это дело привычки :)

переделал кучу шаблонов и всех по разному, 50на50, вобщем, а поменять это можно оч просто 2 строчками кода.

но вообще как идея :) я занесу эту настройку в config шаблона спасибо за идеи, чтобы одним словом можно было менять положение.
avatar
Удачи в начинаниях.
avatar
спасибо :)
avatar
Наткнулся на статью — сразу вспомнил о вас
avatar
и ещё 2 мелочи:

1) допустим хотим создать топик. но потом передумали и хотим создать блог. по привычке кликаем «Топик» и ожидаем что там что-нибудь выпадет и там надо нажать блог. это что-то не выпадает. варианты разрешения: 1) убрать ссылку 2) сделать это чтото выпадающим (Chrome 24.0.1312.52 m на win xp sp 3)
2) там вот как раз топик и блог заглавными буквами, желательно строчными
avatar
ага. так сделано в шаблоне Banana. поддерживаю.
avatar
ок подумаем, проглядел ваш коммент
avatar
какое то у вас затишье
avatar
да отставание на 1 неделю есть, но скоро будет релиз.
avatar
вышло обновления до версии 0.3
avatar
Класс! Правда баги еще есть…
Не хотите на демку повесить реформал?
avatar
ну а чем тут хуже? :)

вроде все баги которые сообщали полностью закрыл.

сообщайте что там забаги исправлю
avatar
например window_login.tpl на меленьких экранах
avatar
не ну вы как напишите :)

желательно хотя бы принтскрин или просто описание бага.

Но я вас понял посмотрю… а вообще я хочу отказаться от обработки модальных окан через скрипт LS, и прикрутить скрипт BT ну это так :) о планах
avatar
баг
При регистрации не работает прокрутка всплывающего окна. На небольших мониторах нет доступа нажать на кнопку регистрации
баг2
Первый скрин- firefox, второй-хром
avatar
спасибо, ну этот баг получается во всем LS но думаю размер окна можно решить за счет уменьшения самой формы.

Могли бы уточнить размер окна? но в любом случаи что нить сделаю
avatar
Хотелось бы узнать где бесплатная и платные версии шаблона? Что то заглохло все…
avatar
на AltoCMS уже есть Bootstrap шаблон, но он вроде пока еще шлифуется.
avatar
Да я в курсе, что на alto есть. Там не отображаются прикрепленные картинки, опросы и ссылки к топикам в этом скине. А почему спрашиваю — сайты то есть и на LS и на alto.
avatar
не совсем понял что значит не отображаются?? именно в шаблоне проблема? или в alto…

как вариант конечно не кто же вас не останавливает скачать alto и взять от туда шаблон :)

шаблоны то полностью совместимы, что лсовские, что алтовские об этом же писалось и везде пишется :)
avatar
да все верно шлифуется, много уже допилено но не выложено, так как возможно скоро выйдет версия бутстрапа 3.*
avatar
да все верно как ниже пишут не загохло а чуток перешло в alto просто
avatar
Bootstrap для LS я не тестировал. Сайт на altocms ptzmedia.ru Вот на нем в шаблоне bootstrap не отображаются прикрепленные к топику картинки, опросы, ссылки. Можете сами посмотреть, там есть переключатель скинов. Проблема в скине или в alto пока не могу сказать. Я там задал вопрос на сайте alto здесь altocms.ru/blog/questions/54.html Если можете помочь то помогите пожалуйста.
avatar
спасибо буду проверять
avatar
Что нибудь прояснилось? Есть новости?
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.