FlatStreet



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

Благодаря разнообразию настроек, сайт может быть как простым, одноколоночным блогом, так и крупным медиа порталом.

Демо

dev.milkleaks.ru

Особенности

— Иконочный шрифт.
— Более подробная локализация.
— Настройка отображения постов на главной странице, в три, две и одну колонку.
— Настройка вывод сайдбара, слева, справа, среди постов, в push меню или отключен.
— Настройка отображения списка блогов, в три, две и одну колонку, соответственно.
— Настройка отображения постов в блогах.
— Выбор типа отображения постов.
— Выбор типа шапкаи в посте.
— Отображение картинок в фотосете сеткой.
— Новый вид отображения инфографики в опросах.
— Шапка на странице блога.
— Стена на главной странице пользователя.
— Блок с информацией о пользователе.
— Минусование оключено.
— Шапка профиля.
— Мобильная версия сайта.

Остальные характеристики

Полностью переработаны страницы списка пользователей, лента активности, профиль пользователя и прочие, почти все компоненты сайта. Возможность тонкой настройки, отключение плавной прокрутки, выбор способа отображения логотипа, отключение вывода миниатюр в полной записи, отключение дизайнерских копирайтов. И другое.



Дизайн

За основу взят шаблон synio.

Часть конфигурации


// Ширина шапки профиля
$config['module']['user']['profile_photo_width'] = 1000; // px

// Максимальная вложенность древовидных комментариев
$config['module']['comment']['max_tree'] = 5;

// Количество символов на стене пользователей
$config['module']['wall']['text_max'] = 3000;

// Ограничение на вывод числа друзей пользователя на странице его профиля
$config['module']['user']['friend_on_profile']    = 20;

// Число топиков на одну страницу
$config['module']['topic']['per_page']   = 12;

// Цветовая схема
$config['view']['theme'] = 'default';

// Сколько записей выводить в блоке прямой эфир
$config['block']['stream']['row'] = 50;






/* Режим работы сайта */

$config['general']['close'] = false;
$config['general']['reg']['activation'] = true;
$config['general']['reg']['invite'] = false;





/* Логотип */

$config['view']['topbar']['logo'] = true; // Логотип картинкой ../images/logo.png (50px высотой)
$config['view']['topbar']['logotext'] = true; // Логотип картинкой и текстовый заголовок (Должен быть включен предыдущий параметр)





/* Настройки отображения топиков */

$config['view']['topic']['single_modern_head'] = true; // Модернезированная шапка топика в полном посте
$config['view']['topic']['modern_head'] = false; // Модернезированое отображение топика в превью
$config['view']['topic']['preview'] = true; // Отображение првеью в полном посте
$config['view']['topic']['lazy'] = true; // Ленивая подгрузка изображений в посте
$config['view']['topic']['cut'] = true; // Авто cut текста топиков в првеью





/* Настройка главной страницы */

// Колонки
$config['view']['home']['colum'] = 'grid-2'; // grid-3, grid-2, grid-1

// Сайдбар
$config['view']['home']['sidebar'] = true; // Включить сайдбар на главной странице
$config['view']['home']['sidebar-position'] = 'right'; // Позиция сайдбара (left, right)

// Блоки сайдбара для сеток grid-2, grid-1

Config::Set('block.rule_index_blog', array(
	'action'  => array( 'index' ),
	'blocks'  => array(
			  'right' // left, right (Не забудьте также указать в параметре sidebar-position)
			  => array(
				  'stream'=>array('params'=>array(),'priority'=>150),
				  'blogs'=>array('priority'=>100),
				  'tags'=>array('priority'=>90)
			  )
		),
	'clear' => false,
));

// Блоки и настройка сайдбара для сетки grid-3

$config['view']['home']['sidebar-grid-position'] = '5'; // После какого поста отображать сайдбар (1-6)

Config::Set('block.rule_index_grid', array(
	'action'  => array( 'index' ),
	'blocks'  => array(
			'grid' => array(
				'blogs'=>array('priority'=>100),
				// 'tags'=>array('priority'=>90)
			)
		),
	'clear' => false,
));





/* Боковое Push меню */

$config['view']['sidebar']['push'] = false; // Включить push меню

// Вывод блоков в push меню
Config::Set('block.rule_push', array(
	'action'  => array( 'index', 'topic', 'question', 'link', 'photoset', 'blog', 'blogs', 'stream', 'people', 'profile', 'talk'  ),
	'blocks'  => array(
			'push' => array(
				'stream'=>array('params'=>array(),'priority'=>150),
				'blogs'=>array('priority'=>100),
				'tags'=>array('priority'=>90)
			)
		),
	'clear' => false,
));






/* Настройка блогов */

// Колонки списка блогов
$config['view']['blogs']['colum'] = 'grid-3'; // grid-3, grid-2, grid-1

// Колонки постов в блоге
$config['view']['blog']['colum'] = 'grid-3'; // grid-3, grid-2, grid-1






/* Настройка разделов сайта */

// Топик

$config['view']['topic']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['topic']['sidebar'] = false; // Включить сайдбар
$config['view']['topic']['sidebar-position'] = 'right'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_blog_info', array(
	'action'  => array(	'blog' => array('{topic}') ),
	'blocks'  => array(
			  'right' // left, right, bottom (Не забудьте также указать в параметре sidebar-position) 
			  => array(
				  'stream'=>array('priority'=>150),
				  'blogs'=>array('priority'=>100),
				  'tags'=>array('priority'=>90)			  
			  )	),
	'clear' => false,
));

// Люди

$config['view']['people']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['people']['sidebar'] = true; // Включить сайдбар
$config['view']['people']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['people']['sidebar-position'] = 'right'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_people', array(
	'action'  => array( 'people' ),
	'blocks'  => array(
			  'right' // left, right, bottom (Не забудьте также указать в параметре sidebar-position)
			  => array( 'actions/ActionPeople/sidebar.tpl' ) ),
));

// Активность

$config['view']['stream']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['stream']['sidebar'] = true; // Включить сайдбар
$config['view']['stream']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['stream']['sidebar-position'] = 'bottom'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_stream_user', array(
	'action'  => array( 'stream' => array('user') ), // Страница персональной ленты
	'blocks'  => array(
			  'bottom' // left, right, bottom (Не забудьте также указать в параметре sidebar-position) 
			  => array( 'streamConfig' ) ),
));

Config::Set('block.rule_stream_all', array(
	'action'  => array( 'stream' => array('all') ), // Общая лента
	'blocks'  => array(
			  'bottom' // left, right, bottom (Не забудьте также указать в параметре sidebar-position) 
			  => array() ),
));

// Страница добавления топика

$config['view']['topic_add']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['topic_add']['sidebar'] = true; // Включить сайдбар
$config['view']['topic_add']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['topic_add']['sidebar-position'] = 'bottom'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_topic_type', array(
	'action'  => array(
		'link'     => array('add','edit'),
		'question' => array('add','edit'),
		'topic'    => array('add','edit'),
		'photoset'    => array('add','edit')
	),
	'blocks'  => array(
			  'bottom' // left, right, bottom (Не забудьте также указать в параметре sidebar-position)
			  => array('blocks/block.blogInfo.tpl') ),
));

// Страница тега

$config['view']['tag']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['tag']['sidebar'] = true; // Включить сайдбар
$config['view']['tag']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['tag']['sidebar-position'] = 'right'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_tag', array(
	'action'  => array(	'tag' ),
	'blocks'  => array(
			  'right' // left, right, bottom (Не забудьте также указать в параметре sidebar-position) 
			  => array(
				  'tags'=>array('priority'=>150)			  
			  )	),
	'clear' => false,
));

// Профиль пользователя

$config['view']['profile']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['profile']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['profile']['sidebar-position'] = 'left'; // Позиция сайдбара (left, right)

Config::Set('block.rule_profile', array(
	'action'  => array( 'profile', 'settings' ),
	'blocks'  => array(
				'left' // left, right (Не забудьте также указать в параметре sidebar-position)
				=> array('actions/ActionProfile/sidebar.tpl') ),
));

// Страница тега

$config['view']['talk']['size'] = 'medium'; // Ширина страницы (large, medium, small, min)
$config['view']['talk']['sidebar'] = false; // Включить сайдбар
$config['view']['talk']['sidebar-big'] = false; // Широкий сайдбар
$config['view']['talk']['sidebar-position'] = 'right'; // Позиция сайдбара (left, right, bottom)

Config::Set('block.rule_talk', array(
	'action'  => array(	'talk' ),
	'blocks'  => array(
			  'right' // left, right, bottom (Не забудьте также указать в параметре sidebar-position) 
			  => array() ),
	'clear' => false,
));





/* Копирайты */

$config['view']['footer']['copyright'] = true;





/* Прочие настройки */

$config['view']['settings']['scroll'] = false; // Плавная прокрутка страниц сайта

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

avatar
Демо сайт если можно.
Цена что-то совсем маленькая.
avatar
dev.thrashed.ru Вот демо, ссылка есть и на странице в каталоге. В посте ссылки размещать, увы, не дают.
Цена что-то совсем маленькая.
А какой ей быть? :) Могу продать вам шаблон тысячи за две, эксклюзивно. Но мне кажется, если цена будет не слишком завышенной, больше людей смогут купить шаблон.
avatar
Хороший шаблон вышел, удачи в продажах!

P.S. Не хватает ссылки на xeoart.
avatar
Спасибо. Ссылку добавлю при следующих обновлениях.
avatar
Отличный шаблон! Ценник, думаю, правильный, может количеством продаж отобьете проделанную работу, чем выставить высокий и сидеть, ждать. Даже при 1 000 руб. еще не было продажи. Если что, буду первым. Ждем обновлений.
avatar
На данный момент на модерации релиз 1.1.5 с исправлением ошибок и добавлением пары функций. Делать что-то большее, вроде адаптации плагинов, пока нет смысла, ибо шаблон еще никто не купил.
avatar
Ну да, решение по сути уже готовое, адаптация по ходу продаж и пожеланий купивших. Какая то финансовая стимуляция должна быть для работы.
avatar
Красивый шаблон. но есть немного пожеланий :)
1) Нехорошо, что ширина «прыгает» у некоторых страниц она больше, у некоторых меньше.
2) Размер шрифта в постах ОГРОМНЫЙ.
3) Главное меню очень невзрачное. И ховера никакого нет
4) Над оформлением валидации формы регистрации тоже нужно еще поработать.
5) Подсказки (если жать на вопросик) в форме регистрации выводятся ПОД формой.
5) Тоже так себе красота…

6) Нету ховера у кнопок Зарегистрировать и Войти. Зато у «Написать» есть.
avatar
1) Для Вас может быть не хорошо, но лично я не вижу в этом проблемы. Админ может настроить шаблон для одноколоночного вида и ничего «прыгать» не будет. Очевидно, что сетка постов будет шире, чем сам пост. Растягивать страницу с постами и прочим под ширину сетки было бы не красиво.
2) Для монитора 1920х1080 не огромный. Сделаю выбор размера шрифта опциональным.
3) Оно должно быть разноцветным? Анимированным? «Ховер» можно добавить, в целом.
4) Что не так с формой?
5) Исправлено.
5) Шапка и меню выглядят так. У вас либо устаревший барузер, либо что-то не так с кешем.

6) Исправлено.
avatar
Смотрю сайт через Google Chrome Версия 52.0.2743.116 (64-bit)

1) Это однозначно неправильно, что сайт меняет свою ширину в зависимости от страницы. Вы видели такое на livestreet.ru или habrahabr.ru, или на другом популярном ресурсе?..
2) У меня 1920х1080. И шрифт большой. Тут dev.thrashed.ru/ 13, а тут dev.thrashed.ru/blog/games/12.html 18 наверное был. Сейчас вижу, что изменили. Стало гораздо лучше!
3) Так будет лучше.

4) Попробуйте может таком духе? Ширину алертов вижу исправили.

5) ок
6) ок
7) Не работает поиск dev.thrashed.ru/people/
avatar
1) Было в старом дизайне Вконтакта. Хабр или дизайн Лайвстрита не показатель того, каким должен быть дизайн. Опять же, настройте в конфиге шаблона отображение под одну колонку или две без сайдбара и размер будет везде одинаковым. Тем не менее не вижу оптимальным вариантом делать ширину поста, профиля и списка пользователей такой же, как ширина у трехколоночной или двухколоночной сетки.
4) Цвет подсказок сделать красным? Опять же это не принципиально и шаблон не становится хуже из-за подсказок серого цвета.
7) Спасибо за багрепорт.
avatar
Было в старом дизайне Вконтакта.
Они уже осознали и исправили свою ошибку :)
avatar
Шаблон настраиваемый. Хорошо, я добавлю возможность вывода сайдбара в пост, страницу пользователей, профиль и т.д. Что бы включив сайдбар можно было «уровнять» ширину с трехколоночной сеткой, например. А дальше можно будет настраивать как душе угодно.

upd. Поиск по пользователям исправлен.
avatar
Сайдбар, да в настройках лучше сделать. Ряд популярных плагинов использует это место под свои блоки. Пусть будет выбор у покупателя.
avatar
У Вас получился отличный современный шаблон. Решений подобного качества очень немного в каталоге. Надеюсь вы не забросите его и будете дорабатывать и совершенствовать.
Можно так же развиваться в направлении поддержки наиболее популярных плагинов.
avatar
1. В чём причина отсутствия поиска по сайту?
2. У Вас разъехолось http://dev.thrashed.ru/profile/Sherry/
avatar
1. Поиск по топикам?
2. Я в курсе. Потому что правлю шаблон на демке.
avatar
Да по топикам.
avatar
Сейчас верну на место.
avatar
Вот, поиск на месте. Только для самого поиска на сервере нужен Sphinx, а у меня shared хостинг, поэтому результаты поиска в демке работать не будут.
avatar
Я так и понял. Хотел было написать, почему не на всех страницах, но полистав понял, что на страницах «блоги» и «люди» место уже занято.
avatar
сегодня шаблон подорожал :)
нефть падает — шаблоны дорожают!
avatar
У лайвстрита комиссия большая, так-то.
avatar
угу. уже обсуждалось как-то, что они слишком далеко засовывают руку в карман разработчика.
avatar
Да уж, ждал новой версии, тот самый релиз 1.1.5.
Оплатил 1 350 руб., пусть будет автору в качестве стимуляции. Надеюсь завершите текущую работу, я ставить на проект, править пока не буду.
avatar
Версия уже 1.2.0, так как добавлены настройки сайдбара, ширины страницы и так далее, для каждого раздела сайта. Ну и исправлены различные ошибки из комментариев выше. Только модерация что-то не слишком торопится.
avatar
Ну я 1.1.0 скачал, последняя. Пока просто потестирую у себя.
avatar
Добавьте в конфиг возможность ставить свои пользовательские темы, хотя бы перекрывающий style.css.
Что бы легче было обновляться.

/*---------- THEME ----------*/
$config['view']['theme'] = 'default'; // Выбор темы оформления.


/* Theme */
"___path.static.skin___/themes/___view.theme___/style.css",
avatar
Прошу прощения, не заметил. Папки /themes просто нет в архиве, а настройка есть.
avatar
Еще не помешало бы додавить ховеры у облака тегов и меню футера
avatar
Добавлю в следующем обновлении.
avatar
что еще запланировано добавить к следующему релизу?
avatar
Пока что исправление ошибок. Добавлять в целом уже нечего, только адаптировать плагины.
avatar
Какой-то у вас адаптив не адаптивный. Alkatel idol 2 mini, Chrome.
avatar
Спасибо за багрепорт.
avatar
На Galaxy Note 4 смотрел, так и не понял где адаптивность, её нет
avatar
На iphone SE не лучше. Все ооооооочень мелкое. Посмотрите smashingmagazine.com для примера хорошей реализации.
avatar
Я в курсе. В ближайшем времени будет исправлено.
avatar
Приобрел данный шаблон, так как очень понравился. Единственное, что хотелось бы увидеть в скором времени — это адаптивность под устройство посетителя.)
avatar
Здравствуйте. Ведется работа над мобильной версией сайта, в скором времени выйдет обновление.
avatar
С точки зрения SEO в списке топиков (на странице блога, главная страница) категорически нежелательно использовать для заголовков топиков тег
<h1 class="topic-title word-wrap">...</h1>

Возможно ли как-нибудь это изменить, и при выводе названия топиков (топиклист), чтобы код выглядел так:
<div class="topic-title word-wrap">...</div>
avatar
Да, хорошо.
avatar
Адаптация под какие-нибудь плагины планируется?
avatar
Вероятно.
avatar
Шапка перекрывает окно уведомлений (Шаблон прекрасен)



avatar
Для стиля #notifier заменить
z-index: 9999;
на
z-index: 9999999;
avatar
Привет. Сделайте, пожалуйста выбор всех лент и дизайнов в демо версии с помощью отдельной кнопки, как это есть на других шаблонах и создайте, пожалуйста демо аккаунт, чтобы можно было без регистрации протестировать шаблон.
avatar
Шаблон порадовал, спасибо за прекрасную работу, купил как только увидел. Теперь смогу вернутся к разработке сайта на LiveStreet. И да, есть ли в планах адаптировать на альфу версию?
avatar
Спасибо за отзыв. Разработчики livestreet пока не приветствуют шаблоны для альфа версии и в каталог их выкладывать нельзя.
avatar
пора делать версию под LS 2.0 )
avatar
А зачем? Релиза ещё не было, да и на 1.0.3 Flat Street замечательно функционирует и выглядит классно.
avatar
Поддерживаю вопрос автора. Планируется ли оптимизация под LS 2.0???
Вопрос очень актуальный. Уже состоялся релиз стабильной беты 2.0, на которой я уже знаю людей создающих свои сайты. Даже мне шаблон нравится, и я бы подумал его купить под 2.0. В любом случае с беты заявлено нормальное обновление версий вплоть до релиза. Так что вопросы со стороны движка отпадают.
avatar
Кстати еще один вопрос, облазил весь сайт и не нашел функционал «Лента», где выводятся посты из подписок на блоги и пользователей. Я проглядел или его вовсе нет?
avatar
Здравствуйте. У меня 2 проблемы, не отображаются пользователи ohotniki.kz/people/ и в ленте постов пользователя дублируется профиль ohotniki.kz/profile/Vladimir/created/topics/.

Так же скажите как скачать обновления шаблона.
avatar
Я только сейчас понял почему дизайн этого шаблона похож на мобильный… ))
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.