Обзор шаблона Atlass
Привет всем.
Atlass — новый шаблон для создания онлайн-сообществ.

Новые идеи
Шаблон было решено делать по принципам FLAT дизайна и придумывать что-то новое крутое социальное :) Поэтому шаблон делался долго.
Руководство
Описание и документация по шаблону были сделаны на отдельных красиво оформленных страницах.
Навигация
Навигация по сайту происходит при помощи правой панели. Также правая панель не исчезает при появлении модального окна.
Анимация
При активации модального окна оно плавно выезжает и изчезает. Помогал анимировать Chiffa (большое ему спасибо).
Поиск и «поделиться»
Поиск по топикам и тегам теперь в модальном окне. Соц. кнопки «поделиться» тоже.
«Таймлайны» везде
Основной вид топиков оформлен в стиле «таймлайн» (как на Facebook). При нажатии на «дату» в режиме стандартной ленты происходит переход к следующему топику.
На страницах профиля юзера и блогов был убран сайдбар чтобы освободить больше пространства. По умолчанию там используется «двойной таймлайн».
Комментарии также сделаны «таймлайном».
Другие виды топиков
Также в скором времени будут доделаны журнальные виды топиков.
Мобильная версия
Дизайн шаблона был сделан в трех версиях: дескопной, карманной и мобильной. Мобильная версия получилась без закруглений. Тестировал пока только на своем телефоне.
Мобильный шаблон-плагин LS весит очень мало, поэтому я бы не отказывался от его использования на веб-сайте, учитывая тот факт, что дизайн очень похож, возможно только цвет стоит поменять.
Новый профиль
У пользователей теперь новый полноэкранный профиль с возможностью оформлять его картинкой, как в соц.сетях Google+, Facebook, Twitter.
Страницы «блоги» и «люди»
Страницы «блоги» и «люди» сделаны без сайдбара, но его можно включить в настройках. На странице «люди», по задумке, у юзеров должны выводиться фоны из профилей (там где цветные картинки). Есть некоторая вероятность, что такая функция будет добавлена.
Галерея
Плагин LS GALLERY был полностью адаптирован под шаблон.
Совместимость с плагинами
Шаблон разработан на основе дефолтного шаблона Synio, под который пишутся все плагины с разрешения администрации и с использованием некоторых css-трюков и, по-возможности, минимумом вмешательств в html код.
В основном это касается топиков (кстати говоря, топик-таймлайн одиночный и двойной — это один и тот же .tpl файл, оформленный в разных стилях), комментариев и сайдбара.
Также присутствуют классы стандартных иконок icon-synio, но вместо них выводятся иконки Ionicons.
Демо-сайт
На демо-сайте было решено отключить смену пароля, активность и загрузку всех изображений, в самом шаблоне эти функции и работают. Также вход сделан из красиво оформленного закрытого режима, чтобы можно было посмотреть шаблон изнутри.
Скидка:
Всем покупателям шаблона Vintage скида от 10% до 90% по запросу на angelsmedia@yandex.ru
картинка на основе от
Спасибо за внимание *^_^*
Atlass — новый шаблон для создания онлайн-сообществ.

Новые идеи
Шаблон было решено делать по принципам FLAT дизайна и придумывать что-то новое крутое социальное :) Поэтому шаблон делался долго.
Руководство
Описание и документация по шаблону были сделаны на отдельных красиво оформленных страницах.
Навигация
Навигация по сайту происходит при помощи правой панели. Также правая панель не исчезает при появлении модального окна.
Анимация
При активации модального окна оно плавно выезжает и изчезает. Помогал анимировать Chiffa (большое ему спасибо).
Поиск и «поделиться»
Поиск по топикам и тегам теперь в модальном окне. Соц. кнопки «поделиться» тоже.
«Таймлайны» везде
Основной вид топиков оформлен в стиле «таймлайн» (как на Facebook). При нажатии на «дату» в режиме стандартной ленты происходит переход к следующему топику.
На страницах профиля юзера и блогов был убран сайдбар чтобы освободить больше пространства. По умолчанию там используется «двойной таймлайн».
Комментарии также сделаны «таймлайном».
Другие виды топиков
Также в скором времени будут доделаны журнальные виды топиков.
Мобильная версия
Дизайн шаблона был сделан в трех версиях: дескопной, карманной и мобильной. Мобильная версия получилась без закруглений. Тестировал пока только на своем телефоне.
Мобильный шаблон-плагин LS весит очень мало, поэтому я бы не отказывался от его использования на веб-сайте, учитывая тот факт, что дизайн очень похож, возможно только цвет стоит поменять.
Новый профиль
У пользователей теперь новый полноэкранный профиль с возможностью оформлять его картинкой, как в соц.сетях Google+, Facebook, Twitter.
Страницы «блоги» и «люди»
Страницы «блоги» и «люди» сделаны без сайдбара, но его можно включить в настройках. На странице «люди», по задумке, у юзеров должны выводиться фоны из профилей (там где цветные картинки). Есть некоторая вероятность, что такая функция будет добавлена.
Галерея
Плагин LS GALLERY был полностью адаптирован под шаблон.
Совместимость с плагинами
Шаблон разработан на основе дефолтного шаблона Synio, под который пишутся все плагины с разрешения администрации и с использованием некоторых css-трюков и, по-возможности, минимумом вмешательств в html код.
В основном это касается топиков (кстати говоря, топик-таймлайн одиночный и двойной — это один и тот же .tpl файл, оформленный в разных стилях), комментариев и сайдбара.
Также присутствуют классы стандартных иконок icon-synio, но вместо них выводятся иконки Ionicons.
Демо-сайт
На демо-сайте было решено отключить смену пароля, активность и загрузку всех изображений, в самом шаблоне эти функции и работают. Также вход сделан из красиво оформленного закрытого режима, чтобы можно было посмотреть шаблон изнутри.
Скидка:
Всем покупателям шаблона Vintage скида от 10% до 90% по запросу на angelsmedia@yandex.ru
картинка на основе от
Спасибо за внимание *^_^*
64 комментария
С таким подходом и движок как-то иначе выглядит!
А когда планируется masonry?
В целом — это прорыв в шаблоностроении на livestreet )))
p.s. есть что то общее с шаблоном админки alto, который вы сделали, angelsmedia )
Опять hcSticky. Пока отключил.
Ага, тут и там используется одинаковые компоненты.
android 4.1.1 google chrome & standart browser вертикальный вид
android 4.1.1 google chrome & standart browser горизонтальный вид
android 4.1.1 opera mini browser вертикальный вид
android 4.1.1 opera mini browser вертикальный вид
android 4.1.1 opera mini browser горизонтальный вид
Проблем с удалением не будет?
Я таки представляю как в блоге «Сайты на LS» сейчас расплодится уйма пионеров)
Автору уважуха, однозначно на данный момент это топ-шаблон.
1) чекбоксы не по феншую
2) шаблон хоть и в «плоском» дизайне, но грузит немного комп. У меня машина не слабая вобщем-то (4 ядра, 8 гигов оперативы и gtx650), но немного как-то провисает когда че-то прокручиваешь или модальные окна, фиг его знает.
И тормозит ужасно и на планшете и на топовом смартфоне ( Почему всегда так? Без ложки дёгтя ни как (((
Ребята, будете допиливать мобильную версию? Если будете то когда примерно ждать рабочую версию?
Ага, я немного подправил. + В 1.1 можно будет поставить анимацию с youtube.
ну мне оч нравится, но сразу посмотрел структуру html
советую контент поднять, над колонками
dl.dropbox.com/u/78791311/2014.05.01-01.15.52.jpg
все таки поисковики будут лучше хавать контент и индексировать, и лучше выдача в поисковиках будет.
как бы в плане верстке это не самая сложная задача будет, а вот клиентам будет доп плюс :)
а так красавцы…
а то что в копирайтах стоят ссылки на сайты, так просто :) набор читателя? или какое то имеет отношение к шаблону?
Иконки, картинки по лицензии MIT, выключается в настройках.
pp.vk.me/c608516/v608516401/8561/hcls8crIFnA.jpg
livestreet.ru/blog/addons/16941.html
Спасибо.
Наверное там почти нечего адаптировать раз в ней используются файлы бесплатной галереи. Если у кого-нибудь из юзеров будут проблемы — подправлю.
Адаптация бесплатной галерии состоит, например, из добавленых иконок в файлы write_item.tpl и main_menu.tpl, добавленного блока для профиля в block.albums_list.tpl и css (то, что ниже «new»)
Написал Вам на почту сообщение, а второй день нет ответа :)
По функционалу должна быть такая же работоспособность как и на другом любом шаблоне.
Файл blog_list.tpl я бы скопировал из шаблона в папку плагина \treeblogs\templates\skin\default с заменой, потому что плагин заменяет страницу «блоги» на свою.