Обзор шаблона Atlass

Привет всем.

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



Новые идеи
Шаблон было решено делать по принципам FLAT дизайна и придумывать что-то новое крутое социальное :) Поэтому шаблон делался долго.

Руководство
Описание и документация по шаблону были сделаны на отдельных красиво оформленных страницах.

Навигация
Навигация по сайту происходит при помощи правой панели. Также правая панель не исчезает при появлении модального окна.

Анимация
При активации модального окна оно плавно выезжает и изчезает. Помогал анимировать Chiffa (большое ему спасибо).

Поиск и «поделиться»
Поиск по топикам и тегам теперь в модальном окне. Соц. кнопки «поделиться» тоже.

«Таймлайны» везде
Основной вид топиков оформлен в стиле «таймлайн» (как на Facebook). При нажатии на «дату» в режиме стандартной ленты происходит переход к следующему топику.

На страницах профиля юзера и блогов был убран сайдбар чтобы освободить больше пространства. По умолчанию там используется «двойной таймлайн».

Комментарии также сделаны «таймлайном».

Другие виды топиков
Также в скором времени будут доделаны журнальные виды топиков.

Мобильная версия
Дизайн шаблона был сделан в трех версиях: дескопной, карманной и мобильной. Мобильная версия получилась без закруглений. Тестировал пока только на своем телефоне.

Мобильный шаблон-плагин LS весит очень мало, поэтому я бы не отказывался от его использования на веб-сайте, учитывая тот факт, что дизайн очень похож, возможно только цвет стоит поменять.

Новый профиль
У пользователей теперь новый полноэкранный профиль с возможностью оформлять его картинкой, как в соц.сетях Google+, Facebook, Twitter.

Страницы «блоги» и «люди»
Страницы «блоги» и «люди» сделаны без сайдбара, но его можно включить в настройках. На странице «люди», по задумке, у юзеров должны выводиться фоны из профилей (там где цветные картинки). Есть некоторая вероятность, что такая функция будет добавлена.

Галерея
Плагин LS GALLERY был полностью адаптирован под шаблон.

Совместимость с плагинами
Шаблон разработан на основе дефолтного шаблона Synio, под который пишутся все плагины с разрешения администрации и с использованием некоторых css-трюков и, по-возможности, минимумом вмешательств в html код.

В основном это касается топиков (кстати говоря, топик-таймлайн одиночный и двойной — это один и тот же .tpl файл, оформленный в разных стилях), комментариев и сайдбара.

Также присутствуют классы стандартных иконок icon-synio, но вместо них выводятся иконки Ionicons.

Демо-сайт
На демо-сайте было решено отключить смену пароля, активность и загрузку всех изображений, в самом шаблоне эти функции и работают. Также вход сделан из красиво оформленного закрытого режима, чтобы можно было посмотреть шаблон изнутри.

Скидка:
Всем покупателям шаблона Vintage скида от 10% до 90% по запросу на angelsmedia@yandex.ru


картинка на основе от

Спасибо за внимание *^_^*

64 комментария

avatar
Ещё вчера рассматривал ваш шаблон: много работы, детали — все отлично. Но после некоторого долгого пребывания на сайте с этим шаблоном остается полу-дискомфорт от некоторых мелких надписей — шрифт выглядит немного «заблуренным». Есть ли возможность сделать его чище?
avatar
Ага, вижу — браузер Mozilla. Нужно будет разобраться, возможно в гугле что-нибудь откопаю.
avatar
плюс также в профиле не доступны кнопки ред-я заметки:

avatar
Ага поправлю, но на кнопке просто задержка 2sec, тут тоже так.
avatar
меня интересует вопрос, могу ли я получить обновленную версию, если ранее заплатил за старую, нестабильную?
avatar
Да.
По умолчанию (основная лицензия) при покупке расширения вы получаете 1 год бесплатного доступа к обновлениям этого расширения.
avatar
Крутяшка :)
avatar
Как будет подходящий проект обязательно куплю шаблон!
avatar
Спасибо.
avatar
Чувак, ты реально крут. Это лучшее, что я видел для ЛС!

С таким подходом и движок как-то иначе выглядит!
avatar
Весь респект чувакам с этих сайтов, без них ничего не получилось бы :)
avatar
Очень хорошая работа.
А когда планируется masonry?
avatar
В настройках есть режимы masonry, metro, bigpicture, но этот вариант будет обновлен под новый дизайн (он переделывался).
avatar
Уау! Класс! Хочу хочу!!!
avatar
Самый интересный шаблон)
avatar
Шаблон очень хорош, но так как писался на основе Synio (или по другой причине), он очень тяжелый для мобильных устройств. Моя люмиа бьется в конвульсиях и жутко тормозит на этом шаблоне. Это при том, что спокойно открывает тяжелые web-сайты. У меня сильно подвисает этот шаблон и Synio. Даже редактор набирает текст с задержками около 10 (!) секунд. Это не позволительно и критично для шаблона, который позиционируется, как кроссплатформенный.
avatar
У меня сильно подвисает этот шаблон и Synio.
Могу лишь подтвердить что и некоторых пк Synio серьезно тормозит.
avatar
Там было установлено плагинов на 300кб .css-файлов, сейчас отключил, включил сжатие весит ровно 200кб с галерей. На этом сайте, например, — 213 без сжатия. Плагин hcSticky тоже временно отключил, возможно он тормозил сайт.
avatar
Действительно шаблон работает достаточно медленно на слабых машинах. А вот на планшете (tab 3 8) все летает, хотя боковые меню ведут себя немного неадекватно.

В целом — это прорыв в шаблоностроении на livestreet )))

p.s. есть что то общее с шаблоном админки alto, который вы сделали, angelsmedia )
avatar
Действительно шаблон работает достаточно медленно на слабых машинах. А вот на планшете (tab 3 8) все летает, хотя боковые меню ведут себя немного неадекватно.

Опять hcSticky. Пока отключил.

p.s. есть что то общее с шаблоном админки alto, который вы сделали, angelsmedia )

Ага, тут и там используется одинаковые компоненты.
avatar
android 4.1.1 google chrome & standart browser вертикальный вид
android 4.1.1 google chrome & standart browser вертикальный вид

android 4.1.1 google chrome & standart browser вертикальный вид
android 4.1.1 google chrome & standart browser вертикальный вид

android 4.1.1 google chrome & standart browser горизонтальный вид
android 4.1.1 google chrome & standart browser горизонтальный вид
avatar
На первом скриншоте баг hcSticky, который я пока отключил)
avatar
android 4.1.1 opera mini browser вертикальный вид
android 4.1.1 opera mini browser вертикальный вид

android 4.1.1 opera mini browser вертикальный вид
android 4.1.1 opera mini browser вертикальный вид

android 4.1.1 opera mini browser вертикальный вид
android 4.1.1 opera mini browser вертикальный вид

android 4.1.1 opera mini browser горизонтальный вид
android 4.1.1 opera mini browser горизонтальный  вид
avatar
Браузер не поддерживает CSS3 и иконочный шрифт.
avatar
А как же google chrome? В вертикальном положении картинки в новости съезжают за пределы экрана.
avatar
Не реально пока что использовать мобильную версию. И соглашусь с предыдущим оратором, мобильная версия вообще тормозит на телефоне(((
avatar
структура колонок просто выпрашивает отдельный скролл для каждой из них. Подумайте над этим.
avatar
Мне интересен следующий вопрос о копирайте в подвале. покупая лицензию за 2к я лично не хотел бы видеть это на своем сайте

Проблем с удалением не будет?
avatar
Отключается в конфиге шаблона.
avatar
Шаблон бомба, это факт)
Я таки представляю как в блоге «Сайты на LS» сейчас расплодится уйма пионеров)
Автору уважуха, однозначно на данный момент это топ-шаблон.
avatar
2 небольших замечания:
1) чекбоксы не по феншую

2) шаблон хоть и в «плоском» дизайне, но грузит немного комп. У меня машина не слабая вобщем-то (4 ядра, 8 гигов оперативы и gtx650), но немного как-то провисает когда че-то прокручиваешь или модальные окна, фиг его знает.
avatar
сейчас вроде не грузит, блин, не хочу клеветать зря, но если еще у кого-то такое встречается, то просто как совет)
avatar
2 небольших замечания:
1) чекбоксы не по феншую
Чекбоксы должны быть такие . Тестировал на последних версиях популярных браузеров и некоторых старых IE.
avatar
Блин! Такой классный шаблон. Уже хотел купить, но решил проверить как будет выглядеть на моем мобильном устройстве и ужаснулся (





И тормозит ужасно и на планшете и на топовом смартфоне ( Почему всегда так? Без ложки дёгтя ни как (((
Ребята, будете допиливать мобильную версию? Если будете то когда примерно ждать рабочую версию?
avatar
все один в один, как отписывался выше. мой проект больше нацелен на мобильную аудиторию. так что присоединяюсь к вопросу.
avatar
У меня по статистике 43% посетителей заходят с мобильных устройств, причем рост перехода с ПК на мобильные устройства поражает. Думаю все современные шаблоны должны быть адаптивными, потому как через год доля мобильных устройств вырастет намного
avatar
Мобильные баги будут исправлены с следующих версиях. Ваши скриншоты сохраню, поправлю.
avatar
А примерное время выхода новой версии не подскажите? От этого вопроса зависит, либо буду ждать новую версию и куплю, либо делать заказ нового шаблона
avatar
Примерно 2 недели, если не меньше.
avatar
Тогда буду ждать )
avatar
красивая работа! но вот немного напрягает глаз этот точечный бекграунд на странице входа. думаю было бы неплохо сделать его ≈ на 20% прозрачнее.
  • gif
  • +1
avatar
красивая работа!
Спасибо.

но вот немного напрягает глаз этот точечный бекграунд на странице входа. думаю было бы неплохо сделать его ≈ на 20% прозрачнее.

Ага, я немного подправил. + В 1.1 можно будет поставить анимацию с youtube.
avatar
Отключили просмотр кода :) ну вы даете f12 то не остановишь…

ну мне оч нравится, но сразу посмотрел структуру html

советую контент поднять, над колонками
dl.dropbox.com/u/78791311/2014.05.01-01.15.52.jpg

все таки поисковики будут лучше хавать контент и индексировать, и лучше выдача в поисковиках будет.

как бы в плане верстке это не самая сложная задача будет, а вот клиентам будет доп плюс :)

а так красавцы…

а то что в копирайтах стоят ссылки на сайты, так просто :) набор читателя? или какое то имеет отношение к шаблону?
avatar
Попробую, спасибо.

а то что в копирайтах стоят ссылки на сайты, так просто :) набор читателя? или какое то имеет отношение к шаблону?
Иконки, картинки по лицензии MIT, выключается в настройках.
avatar
ждем обновления, сыроват шаблон но хороший, единственный пока купил(так показывает) но все жду доработок великолепных
avatar
уже два, но не суть.
avatar
Очень круто! :-) Только вот всё нестабильно. Ездит и дергается. Но это вопрос времени.
avatar
LiveStreet определенно выходит на новый уровень) Шаблон прекрасен. Ждем доработок :)
avatar
Купил, а куда загрузить картинки при закрытом режиме сайта чтобы отображались?
pp.vk.me/c608516/v608516401/8561/hcls8crIFnA.jpg
avatar
Картинки нужно загружать в папку \atlass\images\login\ — 240х240px. Изменить в размере можно по-быстрому с помощью Xnview. Но в 1.1 будет на выбор другая страница входа — видео-анимация, картинки не нужны.
avatar
отличный шаблон! можете адаптировать LS Gallery Premium ))
livestreet.ru/blog/addons/16941.html
avatar
отличный шаблон!

Спасибо.

можете адаптировать LS Gallery Premium ))
Наверное там почти нечего адаптировать раз в ней используются файлы бесплатной галереи. Если у кого-нибудь из юзеров будут проблемы — подправлю.

Адаптация бесплатной галерии состоит, например, из добавленых иконок в файлы write_item.tpl и main_menu.tpl, добавленного блока для профиля в block.albums_list.tpl и css (то, что ниже «new»)
avatar
@angelsmedia
Написал Вам на почту сообщение, а второй день нет ответа :)
avatar
Тут дело в том, что получаю письма на почту регулярно и много. Раз не ответил вчера, значит был занят или отвечал другим, а вам отвечу сегодня. Предложения работы — последние по приоритету, потому что сейчас работу не ищу.
avatar
проблемы остались, не могу например создать топик, потому что просто нету скрола до этого момента, не вижу все плагины, опять же потому что скрол шалит
avatar
Тут есть специальный раздел по техническим вопросам.
avatar
Добрый день плагин бренд нехочет работать с Аталасом, фоновая картинка накладвается на задний план именно как фон а не как картинка в шапку. Причем в хроме она потом из фона исчезает а в ИЕ вообще ее не видать
avatar
Не установлена адаптация плагина. Если возникают проблемы — раздел техподдержки.
avatar
Добрый день. Хотел спросить поддерживает ли шаблон плагин «TreeBlogs»? )
avatar
Добрый день. Плагин поддерживает шаблон «developer».

По функционалу должна быть такая же работоспособность как и на другом любом шаблоне.

Файл blog_list.tpl я бы скопировал из шаблона в папку плагина \treeblogs\templates\skin\default с заменой, потому что плагин заменяет страницу «блоги» на свою.
avatar
Просто хочу купить шаблон, но у ресурса определенная специфика ) поэтому заранее интересуюсь )
avatar
При работе aceAdminPanel TinyMCE начинает отображаться не корректно. Может есть вариант коррекции её работы с шаблоном без отключения админки?
avatar
И еще. Я добавил в модуль форума дополнения с Я.диска, но у меня в разделе управления форумом не отображаются кнопки, либо отображаются не корректно. В чем может быть проблема не подскажете? )
avatar
Как говорил сам автор, лучше такие вопросы задавать в разделе техподдержка в каталоге.
Автор топика запретил добавлять комментарии