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

12 фото
Главная в стиле линдинг
image
Описание

Адаптивный шаблон для LiveStreet, основан на 12-и колоночной сетке. Верстался с нуля. Главная страница в стиле «линдинг» с возможностью перехода в дефолтный LS. 2 вида категории и люди, 2 слайдера с 5 темами, новый профиль, 5 видов топиков с 10 эффектами, фотосет слайдером.

Все описать наверно не получится. Главное на что можно обратить внимание ниже.


Шаблон

1. Адаптивный под 1200px, 960px, 420px, 320px (другие в перспективе)
2. Отключение адаптивности
3. Работает корректно только в современных браузерах.
4. html5 + css3
5. Иконочный шрифт. Пример в info/source/icons/icons.html.

Главная страница

1. Стиль: линдинг, стандартный, 2 колонки, 1 колонка с аватаром, 3 колонки.
2. 2 Слайдера.
3. К Nivo слайдер подключены 5 тем оформления.
4. Блок информации от администратора.
5. Описание проекта.
6. Прогресс бары функциональны, можно менять числа.
7. Настройки главной в конфиге.
8. При отключении меню2 под слайдером, появляется саб меню.
9. Отключение блоков.

Топ меню

1. Мобильный вариант
2. Выпадающии списки
3. Переключение на модальное окно «создать»
4. Лого может быть текстовым или картинкой
5. Настройки в конфиге.
Топики

1. 5 видов топиков
1.1 default — Стандартный вид LS с превью или без превью
1.2 theme2 — Превью слева от текста
1.3 theme3 — 2 колонки
1.4 theme4 — 3 колонки
2. 10 видов эффектов для theme3 и theme4
3. Фотосет выводится Nivo слайдером, c 5 темами на выбор.
4. Шаринг в соц сети выводится слайдером. Если кнопок мало, то слайдера нет. Для работы необходимо заменить ссылку #, на скрипт шаринга, который можно найти в гугле. Иконки лежат в info/source/icons/icons.html.

Люди и блоги

1. Выбор между плиточным выводом или таблицей
2. 10 видов эффектов для плиточного вывода

Сайдбар

1. Отключение сайдбара
2. 2 темы вывода контента в блоке «Блоги», аватаром или списком.

Профиль

1. Вывод последних топиков и комментариев пользователя
2. Прогресс бары для кармы и силы
3. Информация заполненная пользователем выводится в блоке как рассказ
4. Менюшки активности пользователя в сайдбаре

Таблицы

1. 3 темы таблиц

Копирайты

1. Выводятся только на главной, что хорошо для ваших SEO.
2. Отключение за посильный донейт

Тестовая база данных

1. Лежит в info/source/db/
2. Пароль администратора adminadmin

Планы

1. Развитие цветовых схем оформления
2. Правка багов
3. Улучшение
4. Документация

На еду:

WMR: R285730713112
WMZ: Z344147783745

Спасибо! :)

Демо

1. Демосайт в дефолной настройке, за исключением главной. Рекомендую скачать, поиграться настройками.
2. Конфиг
3. Посмотреть makenskiy.com, логин 123, пароль 123123.

Информация

Дизайн: Dimitar Tsankov a.k.a outlinez
Шрифт: Open Sans
Иконочный шрифт: Font Awesome
Плагины LS:
* Превью — mainpreview
* Топ пользователей, топ топиков, комменты и топики в профиле — simpletpl
* Cтатические страницы — page

Скачать


UPD 1

v.1.0.1 Alpha

Фиксы и новое

— [fix] Отступ в таблицах people.
— [fix] Отступ на input в topic/add.
— [fix] Отступ на input в blog/add.
— [fix] Выровнено «Подписаться на комментарии» на странице топика.
— [fix] Подсказка на иконке поиска.
— [fix] Отсутствие ссылок нав2 на мобильном.
— [fix] Регистрация в попап окне, исправлен вывод ошибок, и размер окна.
— [fix] Налажена автогенерация привью через mainpreview.
— [fix] Генерация картинки от фотосета в футер.
— [fix] Выровнено топ меню.
— [fix] Уменьшена превьюшка на странице topic/add, плагин mainpreview.
— [fix] Отступы у логинов на странице блога.
— [fix] Уменьшена прозрачность у описания топика в слайдере «Топ».
— [new] Опция в конфиг «Сколько новых топиков выводить в футере».
— [new] Забиты ссылки в футер.
— [new] При добавлении нового варианта опроса «удалить» сделано иконкой с лева от input question/add/.
— [new] Добавлен хелп-линк на тегах в стиль шаблона topic/add.
— [new] Картинки теперь тянуться по ширине топика.
— [new] В конфиг добавлена настройка необходимо для автогенирации с последующим выводом в слайдер топ топиков.
— [new] Продумана логика провидения голосования за топик, если не залогинен то показывается только числа, если залогинен но не голосовал показываются кнопки голосования, если залогинен и проголосовал показываются числа, добавлен тултип.
— [new] Добавлены скругление углов картинок в слайдере топиков на главной.
— [new] Добавлена карта на странице регистрации, логина и закрытого режима.
— [new] Добавлен выпадающий список «Еще» в топ меню, для плагина pages.
— [new] Если в профиле указано имя, выводим вместо логина, опционально. Однако, в данном варианте, ЛС не ищет в поиске по имени, ищет только по логину.
— [new] Добавлены тултипы, там да сям.

UPD 2

v.1.0.2 Beta

— [fix]Неверная ссылка на профиль автора в топике.
— [fix]При 960px, выпадающии списки, неверный отступ у li.
— [fix]Исправлено переключение с адаптивной на фиксированную сетку.
— [fix]Исправлен вывод уведомления о закрытом блоге, если пользователь в нем не состоит.
— [new]Две дополнительные цветовые схемы green_orange и purpur_blue. Можно использовать как пример, для быстрого создания своей схемы буквально за 10 минут.

12 изображений

  • Топики 3 колонки
  • Профиль
  • Мобильная версия топик_лист
  • Главная в стиле линдинг
  • Меню
  • Топики
  • Стиль топика аватар слева
  • Топики в две колонки
  • С мобилки
  • Топики в две колонки

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

avatar
Круто!
Еще один шаблон, который заслуживает отдельного внимания.
avatar
Спасибо за оценку!
avatar
Я согласен, что шаблон качественно сверстан и проработан. Но какое-то однообразие уже чувствуется… Те же цвета, те же кнопки с тенью аля «я объемная кнопка».
avatar
Цвета может любой поменять под себя, бордеры убрать.это же шаблон. Спасибо.
avatar
отличный шаблон!
avatar
Благодарю.
avatar
makenskiy, да Вы педант!
Жаль, что редко разработчики делают к своим творениям такое описание.
avatar
Жаль, что редко разработчики делают к своим творениям такое описание.
какое описание?
avatar
Откройте почти любой шаблон, в лучшем случае краткое описание, не у всех есть скрины, о рабочем тестовом сайте даже не заикаюсь.

Описание:
Шаблон

1. Адаптивный под 1200px, 960px, 420px, 320px (другие в перспективе)
2. Отключение адаптивности...
avatar
avatar
Я Вам про шаблоны, а Вы мне про плагины.
avatar
Мало кто читает. А так по крайне мере на лс, вроде все стараются продукт описать:-)
avatar
А адаптации плагинов в планах нет? А то вы не указали об этом ничего, а это немаловажно.
avatar
Ну в принципе это работа авторов плагинов, наверное так, да.
avatar
В прошлых работах хотел адаптации делать, пока не понял, что это мартышкин труд. Думаю ложиться это должно на конечного пользователя.
avatar
Или своими силами, или на работу.
avatar
avatar
Спасибо.Браузер напишите пожалуйста.
avatar
Chrome. Mint 15
avatar
Когда находишься на странице поиска и нажимаешь на поиск повторно, мышку оставляешь на кнопке поиск то всплывающая подсказка расположение неправильное Ошибка

браузер firefox 33, разрешение 1280*1024
на IE 11 все нормально
avatar
Воспроизвести не получается, фикс позиции сделал, должно работать.
avatar
Chrome Версия 38.0.2125.104
1366x768
ElementaryOS Freya b1

awesomescreenshot.com/0f23po7x80
awesomescreenshot.com/09c3po9ue5
avatar
Благодарю, посмотрю вечеро. С телефона картинки не открываются.
avatar
По иконкам — последний пункт в инструкции по установке. Костыль, пока не придумал как рашить.
avatar
Исправлено около 10 косячков, спасибо texxnik. Все фиксы в следующей версии.
avatar
На демке обновились?
avatar
Пока нет.
avatar
Сделал тестовую запись, фотосет. Загрузил 4 фото. Но в слайдере 5 позиций вместо четырех. Пятая пустая.



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





И плохо что превьюшка автоматически не генерится с помощью того же mainpreview
avatar
1. С слайдером есть такая тема по пагинации, пока в работе, не могу понять почему гененит еще один пункт.
2. Размеры картинок одинаковые, обрезаются по высоте и ужимаются по ширене. Ваша проблема не в слайдере, а в том что картинку маленькую грузите, если ширина слайдера 1200пх, а картинка 300пх, само собой обрезать и подгонять нечего, скрипт растягивает ее и более менее корректно пытается отобразить.
avatar
И плохо что превьюшка автоматически не генерится с помощью того же mainpreview

С помощью mainpreview и генерятся превьшки в шаблоне.
avatar
не, я имею ввиду чтобы превьюшку не отдельно грузить, а чтобы она автоматом генерилась из одного из изображений фотосета, из превьюшки вставленного видео и тд. насколько я знаю в других шаблона генерится
avatar
Принято, спасибо. Фикс.
avatar
Добрый день. Подскажите по поводу установки:
4. Скопировать каталог:
— /motion/plugins/mainpreview/templates/skin/motion
в
— ваш_сайт/plugins/mainpreview/templates/skin/

Откуда взять этот каталог? /motion/plugins/mainpreview/templates/skin/motio
avatar
В скаченном с ЛС архиве. В каталоге plugins. motion опечатка.
avatar
Доступна версия 1.0.1, список изменений в топике, демосайт обновлен.
avatar
В каталоге версия не обновилась.
avatar
На модерации еще, видимо из-за выходных долго.
avatar
Модерация была утром, я подавал обновления позже вас и у меня плагин уже обновился. Может вы не нажали отправить?
avatar
Нажал, на почте замечаний от аминистрации нет, подождем, м.б.очередь не по дате.
avatar
Сделал все по инструкции, но какая то ошибка вылезла
Fatal error: Uncaught exception 'Exception' with message 'Can not find the block`s template: stream' in /var/www/p154243/data/www/horhenova.ru/engine/modules/viewer/Viewer.class.php:588 Stack trace: #0 /var/www/p154243/data/www/horhenova.ru/engine/modules/viewer/Viewer.class.php(489): ModuleViewer->DefineTypeBlock('stream', NULL) #1 /var/www/p154243/data/www/horhenova.ru/engine/modules/viewer/Viewer.class.php(708): ModuleViewer->AddBlock('right', 'stream', Array, 100) #2 /var/www/p154243/data/www/horhenova.ru/engine/modules/viewer/Viewer.class.php(1445): ModuleViewer->BuildBlocks() #3 /var/www/p154243/data/www/horhenova.ru/engine/classes/Engine.class.php(355): ModuleViewer->Shutdown() #4 /var/www/p154243/data/www/horhenova.ru/engine/classes/Engine.class.php(266): Engine->ShutdownModules() #5 /var/www/p154243/data/www/horhenova.ru/engine/classes/Router.class.php(136): Engine->Shutdown() #6 /var/www/p154243/data/www/horhenova.ru/engine/classes/Router.class.php(127): Router->Shutdown(false) #7 /var/www/p154243/data/www/horhe in /var/www/p154243/data/www/horhenova.ru/engine/modules/viewer/Viewer.class.php on line 588
В чем дело? подскажите
avatar
Перво на перво, есть ли каталог blocks в каталоге шаблона сервере, и есть ли права на чтение файлов.
avatar
есть и то и то
avatar
Кеш? Чистый лс? Плагины? Попробуйте удалить настройки блоков лс из конфига шаблона.
avatar
И да, если ли сам файл block.stream
avatar
кэш удалял, лс чистый, плагин только превью
avatar
Modustpl тоже должен быть включен. Попробуйте перезалить шаблон. Правки в конфиг не вносились?
avatar
понял в чем проблема, у вас файловый каталог немного неверно
т.е. у вас /templates/modus/, должно быть /templates/skin/modus/
из за этого неразбериха вылезла у меня
avatar
Ну и замечательно.
avatar
нашел несколько замечаний
1) почему почти все иконки отображаются квадратиками?
.fa-ban:before {
  content: "\f05e";
}

2) почему в топиках ссылки на профили неверные?
avatar
1. Последний пункт в инструкции по установке, в каталоге. 2. Фикс, спасибо.
avatar
Доступна новая версия, пока на модерации. Список обновлений в топике.
avatar
По мне — так отличный шаблон, то, что я искал под большинство движков (которыми пользовался), но редко когда получалось найти удачный. Спасибо автору.
avatar
Спасибо за оценку :)
avatar
Здравствуйте, не подскажите как полностью отключить слайдер в соц. закладках.
Спасибо.
avatar
Приветствую. Когда закладок/иконок мало слайдер не отображается, но загружается.

Если нужно убрать слайдер, но оставить иконки. В /templates/modus/js/main.js убрать

//  Responsive layout, resizing the items
                $('#slider_social').carouFredSel({
                    height: 'auto',
                    prev: '#prev_social',
                    next: '#next_social',
                    auto: false,
                });


А так же убрать ссылки переключалок в /templates/modus/topic_part_footer.tpl

<a id="prev_social" class="prev button" href="#"><i class="fa fa-chevron-right"></i></a>
<a id="next_social" class="next button" href="#"><i class="fa fa-chevron-left"></i></a>


Если вообще убрать, то удалить приведенный выше js и удалить содержимое файла /templates/modus/topic_part_footer.tpl
avatar
Спасибо. Не подскажите еще одно заметил когда в один блог добавить несколько фотосетов подряд то только последняя отображаться с превю остальные идут без мини слайдера, так должно бить или ето баг?
avatar
Это баг. Способ костыльный, но работает, м.б. позже что нормальное придумаю, чтоб id поста подставлялся автоматом и вызов js слайдера генерился.

В templates/modus/js/main.js

$(window).load(function() {
        $('#slider').nivoSlider();
});


Заменить на:

$(window).load(function() {
        $('#slider').nivoSlider();
        $('#slider_2').nivoSlider();
        $('#slider_3').nivoSlider();
        $('#slider_4').nivoSlider();
        $('#slider_5').nivoSlider();
        $('#slider_6').nivoSlider();
        $('#slider_7').nivoSlider();
        $('#slider_8').nivoSlider();
        $('#slider_9').nivoSlider();
        $('#slider_10').nivoSlider();
});


templates/modus/topic_part_header.tpl

<div id="slider" class="nivoSlider">


В двух местах, заменить на:

<div 
                    {assign var=x value= 1|rand:10 } 
                    {if $x == 1}
                      id="slider_2"
                    {elseif $x == 2} 
                      id="slider_3"
                    {elseif $x == 3}
                      id="slider_4"
                    {elseif $x == 4} 
                      id="slider_5"
                    {elseif $x == 5}
                      id="slider_6"
                    {elseif $x == 6} 
                      id="slider_7"
                    {elseif $x == 7}
                      id="slider_8"
                    {elseif $x == 8} 
                      id="slider_9"
                    {elseif $x == 9}
                      id="slider_10"
                    {else}
                      id="slider"
                    {/if}
                     class="nivoSlider">
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.