• CMS
  • Сообщество
  • Каталог расширений
  • Разработчикам
  • Работа
  • Скачать

МагазинLiveStreet

  • Модули
  • Скидки
  • Помощь
  • Хостинг
Войти Зарегистрироваться
VK Flat Style

Шаблон «VK Flat Style»

от makenskiy
2 отзыва
Купить за 2500 руб.
Версия 1.0.9 | Совместимость: 1.0.3
Добавлен: 4 мая 2015 | Обновлен: 19 января 2016
Установлен 16 раз

Запрос емайла для подписки

Введите
Подписка прошла успешно
Адаптивный шаблон для LiveStreet CMS, с уклоном на Vk.com или Facebook.com. Теперь ваш сайт можно сделать более социальным. В целом применен подход так называемых dashboard, или админок, но под особым соусом.
Описать все не получится, сделано много, очень много. Ни один из проектов так долго и кропотливо не делал, самому нравится. Переработано почти все, наверняка многим придется по душе.

Уникальные фишки (Технические подробности)


CSS фреймворк

Построен на CSS фреймворке, который был специально сделан для шаблона.

Верстка

Сделан по принципу «модульности», т.е почти все блоки независимы друг от друга, бери код и втыкай в любое место.

Плагин

Сделан плагин, который расширяет следующий функционал:

— Переносит список сообщений на любую страницу, внутри экшена /talk.
— Дает возможность добавлять в друзья с любой страницы шаблона
— Выводит блок с топ пользователями. На данный момент подключен в списке топиков, однако можно подключить куда угодно.
— Добавлена стена на главной в профиль
— Добавлен вывод топиков из личного блога в профиль
— Вывод комментариев прям в списке топиков
— Рекламный блок слайдер, который поддерживает видео рекламу. Можно туда засунуть вывод чего угодно.

Уникальные фишки (Дизайнерские подробности)


Сетка

Сделана полная резина с переходом в адаптив.

Варианты сетки

— Резина + адаптив
— Фиксированная + адаптив

Колонки

Используется три колонки:

— Сайдбар слева (меню)
— Контент
— Сайдбар справа (блоки), который между прочем можно открыть и закрыть. Имеется встроенный кастомный скроллбар.
— Есть режим переключения положения сайдбаров. Например можно прижать правый сайдбар к левому.

Топики

— Главная лента построена с использованием плагина mansory.
— Автоподгон mansory под динамическое изменение на страницы. Например разворот комментариев и закрытие сайдбара.
— Настройка сетки для вывода топиков
— Фотосет слайдером
— Первый топик: 1) Если это фотосет, он растягивается в большой слайдер. 2) Если это обычный топик, то он больше чем все остальные
— В ленту топиков так же выводится блок с топом блогов и пользователей, что должно увеличить количество подключенных пользователей и добавление в друзья.

Сообщения

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

Профиль

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

Блоги


— «Блоги» переименованы в «Группы», мне показалось так понятней.
— Шапка блога, как в профиле пользователя. В роли картинки, выступает аватар.
— Возможность писать в группу, прямо со странице группы.

Страницы авторизации и прочии


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

Дизайн


Дизайн был взят VK Flat, и на его основе уже делалось все UI. От некоторых фишек с макета пришлось отказаться, например фотоальбомы, видео. Но это можно расширить плагинами.

Формы

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

Иконки

Используется иконочный шрифт. За исключением некоторых иконок, которых просто в этом шрифте не было.

Добавление топика

В сайдбаре теперь три вкладки, которые сами листаются. Это:
— Группа
— Совет
— Помощь, там теги которые можно вставить в топик

Плагины


— Все плагины, что используют страницы шаблонов, придется адаптировать.

Демо


Видео | www.youtube.com/watch?v=yeZ0TFgUJfw
Демо сайт | VK Flat Style
Разработчик | makenskiy.com
123123 | 123123123123
test | testtest
123 | 123123

Часть возможностей конфигурации

/* 
 * Загрузка
 */
$config['view']['body']['preloader'] = false; // Показать прогресс загрузки страницы true - да, false - нет.
$config['view']['body']['preloader_index'] = false; // Показать только на главной true - да, false - нет.

/* 
 * Тип сетки
 */
$config['view']['grid']['type'] = 'layout-fluid'; // Резина - layout-fluid, фиксированная - layout-fixed

/* 
 * Шапка
 */
$config['view']['grid']['header'] = true; // Шапка фиксированная или статичная

/* 
 * Верхнее меню
 */
$config['view']['top_menu']['modal_add'] = true; // Показывать модалку при нажатии на "Добавить топик"
$config['view']['top_menu']['topic_add_icon'] = false; // Показывать карандаш добавления топика возле аватара, если false, то "Написать" выводится в меню

/**
 * Лента топиков
 */

$config['view']['topics']['user_top'] = true; // Показать топ пользователей в ленте топиков, true - да, false - нет.
$config['view']['topics']['blog_top'] = true; // Показать топ блогов в ленте топиков, true - да, false - нет.

/**
 * Темы топиков
 */

$config['view']['topics']['themes'] = 'tm-1'; // Тема топиков на главной, tm-1, tm-2
$config['view']['topics']['themes_hover_avatar'] = 'tm-1'; // Тема топиков на главной, tm-1, tm-2, tm-3, tm-4, tm-5

/**
 * Настройка тем топиков
 */

/* Тема топиков tm-1
=============================================*/
$config['view']['topics']['tm-1']['comments'] = true; // Выводить комментарии в списке топиков, true - да, false - нет. Надо понимать, что true, даст значительное увелечение нагрузки на БД, а как следствие увеличение загрузки сайта.
$config['view']['topics']['tm-1']['avatar'] = true; // Показать аватары топиков, true - да, false - нет. Актуально при использовании layout-fluid вместе с sidebars-fluid
$config['view']['topics']['tm-1']['full'] = false; // Разтянуть топики на всю ширину, актуально при использовании layout-fixed. true - да, false - нет
$config['view']['topics']['tm-1']['text'] = true; // Убрать текст описания топика на главной, true - да, false - нет.

/**
 * Модалки/Всплывающии окна
 */
$config['view']['modal']['auth'] = false; // Показать модальное окно авторизации, true - да, false - нет.



/**
 * Профиль
 */
$config['view']['profile']['wall'] = true; // Показать стену на главной профиля. true - да, false - нет.
$config['view']['profile']['topic'] = true; // Показать последнии топики из личного блога пользователя на главной профиля
$config['view']['profile']['topic_count'] = 10; // Сколько топиков показать на главной профиля поьзователя

/**
 * Подвал
 */

$config['view']['footer']['copyright'] = true; // Показать копирайт разработчика. true - да, false - нет.
$config['view']['footer']['copyright_name'] = 'site.com'; // Имя копирайта вашего сайта
$config['view']['footer']['copyright_year'] = '2015-2015'; // Год, если не нужен, оставить поле пустым
$config['view']['footer']['copyright_text'] = ''; // Любой текст после года, если не нужен, оставить поле пустым
Версия 1.0.0
1. Скопировать плагин vkstyletpl:

— plugins/vkstyletpl

в каталог

— ваш_сайт/plugins/

2. Скачать плагин mainpreview из каталога LS в:

— ваш_сайт/plugins/mainpreview

3. Скопировать с заменой файл config.php от плагина mainpreview:

— plugins/mainpreview/config/config.php

в

— ваш_сайт/plugins/mainpreview/config/config.php

4. Скопировать каталог:

— plugins/mainpreview/templates/skin/vkstyletpl

в

— ваш_сайт/plugins/mainpreview/templates/skin/

2. Зайти в браузере на страницу ваш_сайт/admin/plugins/, активировать:

— mainpreview
— vkstyletpl

3. Скопировать шаблон:

— template/vkstyle

в
— ваш_сайт/templates/skin/

4. Активировать шаблон в ваш_сайт/config/config.local.php изменив:

$config['view']['skin'] = 'vkstyle';

5. Настройки шаблона тут /template/skin/vkstyle/settings/config/config.php

Удачи, хорошей работы!!!
Основные положения лицензионного соглашения

Основные положения


Код

— Код открыт
— Можно изменять внешний вид и код на свое усмотрение

Запрещено

— Перепродажа
— Раздача шаблона

Домены

— Лицензия 1: Установка шаблона разрешена на один домен
— Лицензия 2: Установка шаблона разрешена на неограниченном количестве доменов
— Возможны варианты при личном общении

Модификация

— Разрешено создавать свои шаблоны на «основе» с последующая перепродажей при выполнении условий:

1) Изменение шаблона более чем на 50% (не смена цветовой гаммы)
2) Указание ссылки на сайт автора
3) Не дешевле оригинала
4) Покупка лицензии 2.

Распространение

— Шаблон распространяется только через официальный каталог LiveStreet CMS.

Копирайты


— Мой копирайт/ссылку в футере снимать разрешено. Однако благодарен, если останется на месте.
Список версий с изменениями

1.0.9

16 января 2016
В обновлении исправлено два критических бага, остальные мелочевка:

— Запрашивался не нужный POST запрос для не авторизованный пользователей.
— В фотосете, когда открываем фото на весь экран, дублировали подряд фотографии.

Информация по обновлению в info/update.txt

1.0.8

14 июля 2015
— Починил кнопку вверх
— Цвет иконок в левом меню сделан ярче
— Исправлен баг переключения на тему 2 при наведении на аватар
— При наведении на аватар теперь весь блок активный ссылкой, можно щелкнуть в любом месте чтобы перейти в топик, а не только по иконке.
— Отступы в блоках сайдбара
— Много где проставлены тултипы, изменен их внешний вид
— Убрано обтекание текста аватара в блоке с перепиской в сайдбаре, поправлены отступы.
— Добавлена поддержка адаптивного видео для iframe, object, embed. Отключить можно в main.js закомментировав videoResponsive в секции init
— Исправлен размер картинок фотосета на ретине
— Добавлена лицензия с скидкой 50%, при покупке на второй/третий и т.д. домен.

— Адаптирован плагин «Время прочтения и просмотра»
— Адаптирован плагин «Feedbacks»
— Адаптирован плагин «Смайлики»
— Адаптирован плагин «Социальные комментарии»
— Адаптирован плагин «Публикация от чужого имени»
— Адаптирован плагин «Файловый архив»
— Адаптирован плагин «TwitterRead»
— Вывод пустого html «Просмотры», убран из шаблона. Адаптирован плагин «Просмотры»
— Адаптирован плагин «Twitt (Last twitter message)»
— Адаптирован плагин «Wmessage»
— Адаптирован плагин «LS Feedback — Обратная связь»
— Адаптирован плагин «TakeNews» ( сделан слайдером в сайдбар )
— Адаптирован плагин «TOP топиков» ( сделан слайдером в сайдбар )
— Адаптирован плагин «Insta»
— Адаптирован плагин «Приватность контактов»
— Адаптирован плагин «Remote Photo»

1.0.7

8 июля 2015
— 5 тем топиков
— Добавлены ховеры строки в таблицах
— В админку плагинов добавлен стиль кнопкам «Активировать, настройки, деактивировать»
— Оформлена админка пользовательских полей
— В мобильное меню добавлен хук для вывода ссылок из плагинов
— В мобильной версии кнопки «Туда, сюда» в фотосете теперь скрываются за ненадобностью.
— Начата документация
— Уменьшен аватар превьюшки в редактировании топика

— Адаптация плагина «Рейтинг: все включено»
— Адаптирован плагин «Вывод топиков из определенного блога в блок (Blogtopics)»
— Адаптирован плагин «Mailing (большие рассылки)»
— Адаптация плагина «LSGallery (Галерея)» (можно потыкать на демке).

— Из нового в оформлении галереи:
— Блоки с фотками в сайдбарах сделаны слайдерами
— Блок с информацией «о альбоме» сделан как профиль пользователя или блога в шаблоне.
— Теги под фоткой убраны в спойлер
— Переделаны кнопки управления
— Переделаны формы
— Убран тултип (не выпилен, можно вернуть)
— В остальном интерфейс такой же

1.0.6

1 июля 2015
— Улучшен адаптив
— Добавлен иконочный шришт font-awesome
— Кастомный markIt, иконки можно менять через main.js (иконочным шрифтом)
— Добавлена тема топиков «таймлайн»
— На слайдер фотосета, добавлены эффекты при наведении
— Добавлено 5 эффектов при наведении на аватар топика
— Расширены параметры конфига
— Изменено верхнее меню (настраивоемо)
— Мелочи

1.0.5

9 июня 2015
1.0.5

— Улучшено топ меню
— Улучшено левое меню
— Улучшен поиск
— Добавлен прогресс загрузки страницы (прелоадер). Отключается в конфиге, можно выводить на всех страницах, или только на главной.
— Улучшена адаптивность

1.0.4

25 мая 2015
— Багфикс
— С страницы топика убран аватар
— Изменен конфиг mainpreview
— Добавлена адаптация для плагина page
— Изменено мобильное и адаптивное меню

1.0.3

18 мая 2015
— Багфикс
— Мелкие доработки

1.0.2

14 мая 2015
— Багфикс

1.0.1

12 мая 2015
— Багфикс
— Исправление недочетов

1.0.0

4 мая 2015
Релиз

Другие расширения автора

  • Хеш-теги

    Хеш-теги

  • Журнал - Bonono

    Журнал - Bonono

  • Публикация постов в группы FaceBook

    Публикация постов в группы FaceBook

  • Журнал - Сhaos to Block

    Журнал - Сhaos to Block

  • Документация для шаблона

    Документация для шаблона

Просмотреть все
  • Разработчикам

  • Как попасть в каталог
  • Документация
  • Покупателям

  • Руководство покупателя
  • Правила магазина

© 2008-2021 «LiveStreet CMS»

  • Контакты

  • office@livestreetcms.com
  • Разделы

  • CMS
  • Сообщество
  • Магазин модулей
  • Скачать
  • Соцсети

  • Facebook
  • Вконтакте
  • Twitter
  • Google+
  • GitHub
xeoart Дизайн от xeoart 2013