Бесплатный шаблон "Motion"

Необычный шаблон для LiveStreet, основан на 12-и колоночной сетке 960px. Верстался с нуля. Главная страница в стиле «линдинг», категории и люди сделаны плиткой, 3 слайдера, настраиваемая главная страница, прикольный профиль, много интересного.


Особенности:
— Переработан устоявшейся подход к интерфейсу сайтов на ls.
— Шаблон протестирован на жене и брате, разобрались мгновенно, при этом LS не знают.
— Верстка «Модульная» так сказать, что упрощает адаптацию плагинов, собирая html блоки из заготовленных классов (документации пока нет).
— 3 слайдера: топ топиков, good топики с главной, соц сети.
— Выпадающие меню.
— Модальное окно «создать» сохранено, можно переключится в конфиге.
— Два варианта вывода топиков на главную: слайдер топиков, стандартный список топиков.
— Отключение блоков на главной в конфиге. Благодаря этому главную страницу, легко превратить в стандартный вид LS.
— 2 меню: основное (на верху), и навигационное (ниже), с текстовыми пояснениями к ссылкам.
— Много элементов имеют тултипы (подсказки).
— Кнопка «Начать», переводит на список информации и ссылок, будет полезно для новых пользователей.
— Блоки из сайдбара на странице «Люди», перенесены в центр под поиск.
— Сайдбар на странице профиля перенесен в центр под меню.
— Сортировка пользователей по алфавиту отключается в конфиге, считаю не нужной функцией.
— Категории, это коллективные блоги.
— Новый пагинатор
— Всплывающее окно уведомления о новых письмах.
— Что касается типографики в топиках. Необычно оформленные заголовки h4, h5, h6. Картинки тянутся по размеру блока.
— Подключен иконочный шрифт, пример в info/source/icon.zip
— PSD лежит по адресу makenskiy.com/uploads/psd.zip (В каталог не загружается)
— Тестовая база данных лежит в info/source/db/motion.sql.gz (Нужно импортировать в mysql и подключить в конфиге LS)
— Копирайт с ссылкой разработчика выводится только на главной, что хорошо для ваших SEO.
— Удаление копирайта за донейт. В описании перевода прошу указать почту и домен.

Планы:

— Адаптивность под мобильные телефоны или планшеты не планируется, т.к. выкачивать большой объем кода с телефона не кошерно. В каталоге есть плагин «Мобильная версия», возможно сделаю адаптацию под шаблон.
— Баги есть, исправлять буду по мере возможности собирая из комментариев.
— Расширить список «Поделиться в соц сети», и добавить скрипты.
— Вывести больше настроек в конфиг.
— Сделать оформление для писем на почту@сайт
— Сделать адаптационную верстку к популярным плагинам. Платные не обещаю, но возможно.
— Документация по верстке блоков и глобальным элементам.

Информация:

— Ссылки «Поделиться в соц сети» это заглушки, для работы необходимо заменить # на нужную ссылку (скрипт). Какую именно можно найти в гугл.
— Делать спрайт с иконками от навигационного меню не стал, т.к. может кто захочет быстро поменять, в коллекции много иконок.
— Если кто захочет модифицировать цветовую схему, правьте PSD, скидывайте, добавлю в шаблон. Сейчас только одна схема.
— Панель топика с аватаром и голосованием пустовато смотрится, не придумал чем ее занять пока. По умолчанию выводится «О себе» из профиля топикстартера. Можно баннер например влепить.
— Текстовки с описанием ссылок к меню и разделам возможно сыроваты, набивал на скорую руку.

Дизайн: begha.deviantart.com
Иконки блогов: GPL beautiful flat icons от eligant teams 90 штук.
Плагины LS:
* Превью — mainpreview
* Топ пользователей, топ топиков — simpletpl

Демо: makenskiy.com
Логин: 123
Пароль: 123123

На еду:

WMR: R285730713112
WMZ: Z344147783745

Спасибо! :)


UPD:

Версия 1.0.1

Изменения:

— Новый туллбар
— Багфикс
— Добавлена настройка вывода меню «Главная» в конфиг
— Переделаны иконки markItUp
— Настройка вывода типа топиков на главной в слайдер. Новые топики, или хорошие топики с рейтингом +*.

Версия 1.0.2

— Багфикс
— Добавлен html шаблон для рассылки на почту. (пока тестовый, лежит в info)
— Для улучшения юзабелити на странице категории, добавлена кнопка подключения/отключения в видимую область. В спойлере «Подробная информация», кнопка тоже сохранена.
— Адаптирован плагин page (статические страницы)
— Адаптирован плагин similar (Похожие записи/топики)
— Добавлены иконки соц.сетей. Также как и раньше, нужно заменить # на нужный скрипт/ссылку шаринга. Настроить вывод нужных иконок можно через конфиг.

Список:
*twitter
*facebook
*retweet
*addthis (для попап)
*behance
*bebo
*blogger
*deviant-art
*digg
*dribbble
*email
*envato
*evernote
*flickr
*forrst
*github
*google-plus
*grooveshark
*last-fm
*linkedin
*myspace
*photobucket
*pinterest
*quora
*share-this (для попап)
*soundcloud
*stumbleupon
*tumblr
*viddler
*vimeo
*virb
*wordpress
*yahoo
*yelp
*youtube
*zerply

— Автоматический вывод названия сайта в копирайт.
— Добавлена ссылка RSS в футер.
Магазин современной электроники http://promate-rus.com/

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

avatar
Windows 8.1 x64
Opera 24.0.1558.53
вот такое joxi.ru/8Q4PVP3JTJAXfbkXmyQ
avatar
Так задумано в дизайне. Иконку легко поменять или убрать.
avatar
а с какими плагинами совместим шаблон?
avatar
Наверно ни с какими пока, кроме наподобие sitemap или seo, где своя верстка.
avatar
Неудобно, если вообще возможно, обращаться к самому контенту — почти всю рабочую область монитора занимает меню "Категори, Блоги, Люди". Мне кажется, что это имеет смысл только для главной страницы. Может на остальных сворачивать как-то?
avatar
Ок, идея хорошая. Сделаю опционально в конфиг. Но думается пользователь будет теряться, или не видеть спойлера «Меню», таким образом ходить на эти страницы будет через главную ток.
avatar
Тогда есть ещё вариант: заголовок топика сделать «якорем» и при переходе сразу к контенту.
avatar
Сделал якорем, опционально. Спойлер делать не стал. Спасибо!
avatar
Интересный такой. Хотя, конечно, красивше был бы в темных тонах и с фоновыми картинками, вроде того
avatar
Цветовую схему можно добавить, все в ваших руках, для этого PSD есть ;)
avatar
Landing page everywhere ^)
avatar
Мне кстати нравятся линдинги, классно смотрятся :)
avatar
Мне очень понравился шаблон, качественно и современно, спасибо автору за альтруизм!
avatar
Не за что. Спасибо Орту за движок.
avatar
Мне кажется шаблон слишком запутанный, я разобраться не могу.
  • intel
  • 0
avatar
Напишите пожалуйста, что именно не понятно.
avatar
Я даже не знаю как объяснить, весь дизайн странный, вызывает машинальную функцию закрыть страницу.
avatar
Шаблон отправлен на модерацию.
avatar
Я тоже ничего не понял в шаблоне. Загрузил несколько картинок, чтобы было нагляднее, создал категорию. Но 70% непонятного так и осталось непонятным.
Одно знаю точно, мастер вы хороший ) Всё весьма необычно и нестандартно
Долго делали?
avatar
По часам не скажу, а так около 3 недель ушло. Спасибо за оценку!
Непонятные моменты можно тут писать, как сделал vdenu . Возможно, что-то улучшится. А так гадать не умею к сожалению.
avatar
Первое что нужно сделать, это убрать яркие цвета, много яркого цвета режет глаза ( сторонитесь сделать как можно больше белого фона и как можно меньше яркий цветов.
На главной странице сделайте кнопку новые, не для зарегистрированных пользователей.
Слайдер уберите ниже а вверху сделайте подразделы. Большими кнопками c картинками блог, новые, люди, и т.д как тут Сообщество & Топики
Вверху уберите кнопку главное, ибо ваш логотип эта и есть это кнопка, оставьте поиск, регистрация и вход
поменяйте кнопку вверх, выглядит очень убого, сделайте лучше.
Модернизируйте шаблон в резину, это покажет что сайт сделан качественно и под все разрешения экрана.
Переделайте дизайн markItUp не знаете как возьмите дизайн из шаблона synio
место нахождение \engine\lib\external\jquery\markitup\skins\synio
Сделайте кнопочки своего стиля в редакторе фотосет стандартная кнопка выберите файл это старый век (я понимаю что иногда лень такой фигней заниматься сам такой).
Думаю на первое время достаточно.
P.S. ярко красный цвет вызывает ярость.
avatar
Давно бы так, а то «Не знаю»:) Спасибо за идеи.

убрать яркие цвета

Прилагаю PSD. Об этом в топике и комментариях есть. Предлагайте свою цвет-схему.

На главной странице сделайте кнопку новые, не для зарегистрированных пользователей.

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

Слайдер уберите ниже а вверху сделайте подразделы. Большими кнопками c картинками блог, новые, люди, и т.д как тут Сообщество & Топики

Сделаю сортировку блоков с главной через конфиг. Сейчас есть только отключение блоков. Сами сможете менять их местами.

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

Подумаю. Есть предложения?

Модернизируйте шаблон в резину

Резины точно не будет. На этом шаблоне.

С markItUp подумаю.
avatar
поменяйте кнопку вверх, выглядит очень убого, сделайте лучше.

Подумаю. Есть предложения?

Формат под стиль слайдера

а лучше сделать как в контакте будет еще круче, этот вариант так себе.
avatar
Спасибо, так и сделаю. Подумал, сортировку делать не буду, много лишнего получается. Кому надо блоки местами поменяет.
avatar
Вот такой темный дизайн вам больше подойдет, старайтесь сделать темный дизайн а когда войдешь в топик темный дизайн меняется на светлый с фоном картинки на заднем плане. Иначе глазам будет неприятно когда темный на светлый меняется.

  • intel
  • 0
avatar
Не пойдет.
avatar
Шаблон в каталоге.
avatar
Версия 1.0.1

Изменения:

— Новый туллбар
— Багфикс
— Добавлена настройка вывода меню «Главная» в конфиг
— Переделаны иконки markItUp
— Настройка вывода типа топиков на главной в слайдер. Новые топики, или хорошие топики с рейтингом +*.
avatar
Я думаю этих изменений мало
avatar
шаблон охуенен! особенно понравился верстка внутренней страницы, то есть поста.
avatar
Спасибо :-)
avatar
Доступна новая версия. Пока на модерации.
avatar
вот жаль с рсс импортом не совместим. люблю я записи по рсс воровать. а тут ворует, но картинку не выводит заглавнуб к статье на главной. В самой записи картинка есть, а на главной превьюшку не выводит
avatar
Не смотрел как в ридерах, но не понимаю зачем привью нужно в нем вообще.
avatar
не, не в том же дело. я имел ввиду что для постов сграбленных с помощью вот этого плагина catalog.livestreetcms.com/addon/view/223/ превьюшки mainpreview не генерирует почему-то. С другими шаблонами нормально работает и генерирует, а с этим нет
avatar
Воровать контект не хорошо. Наверняка картинку должен брать из xml, а не парсить html? В дефолтном RSS нет записи на миниатюру как бы. Могу ошибаться, вопросом не владею.
avatar
вообще не разбирался в сути проблемы. просто говорю, что в связке с другими шаблонами работает норм, а для этого превьюшки генерить не желает. Ну или генерит, но не показывает, хз
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.