Шаблон "Old Street" v.0.1.0

Шаблоны для LiveStreet
Закончена работа над очередным шаблоном. На этот раз получился трехколоночный шаблон с большим изображением в шапке.

Особенности шаблона
  1. Адаптивность.
  2. Три колонки.
  3. Стена на странице информации профиля.
  4. Блок последних топиков в сайдбаре профиля.
  5. Блок друзей в сайдбаре.
  6. Возможность простого ручного брендирования.
  7. Два вида верхнего (главного) меню — светлое и темное.

Демо шаблона доступно по адресу: demo.the-hut.by

Примеры брендирования страниц:
demo.the-hut.by/blog/industry
demo.the-hut.by/blog/inspiration
demo.the-hut.by/profile/vOFFka

Описание установки читайте в файле README.md или на соответствующей вкладке на странице шаблона в каталоге. Дополнительные вопросы можно задавать в моем блоге.

Внимание! Для корректной работы плагинов с шаблоном их необходимо адаптировать под шаблон.


Промокоды на получение скидки в 20%:

  1. 8bbd8f
  2. 963cbd
  3. 750c99
  4. d1cc8f
  5. d96266
  6. bb69a9
  7. 4e4e2c
  8. d5d423
  9. 7bcd2d
  10. b6933c

Действительны до конца месяца.

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

avatar
Приятный шаблон. :)
avatar
Спасибо!
avatar
то же хотел сказать.

Комментарии
Публикации

в «прямом эфире» имеют неудобный размер шрифта
avatar
в чем неудобство? какой монитор и браузер?
avatar
17, фф
размер кажется уж слишком маленьким. может стоит изменить оформление (подложку добавить и т.п.)?
avatar
ок, посмотрю
avatar
Какие ж все таки крутые шаблоны вы делаете :)
avatar
Спасибо.
avatar
Смотрел на планшете (Google Nexus 7) некорректо отображается контент. Левое меню выдавливает весь контент и правый блок вниз, т.е. получается напротив меню пустота.
avatar
Так и задумано для мобильных устройств. Но лучше, наверное, сделать его в ряд, чем в столбик (список блогов).
avatar
Принято, проработаю этот момент в следующем обновлении.
avatar
Но лучше, наверное, сделать его в ряд, чем в столбик (список блогов).
Фикс.
avatar
Еще для главной можно сделать массив выводим фотографий :)
avatar
Еще можно подумать для блогов. Например при создании блога добавить поле для большой картинки, которая будет сидеть в шапке при чтении этого блого и постов в нем.
avatar
Да, только это уже к программистам. :)
avatar
Если правильно понял, то для этого можно использовать плагин «Слайдер», правда там придется немного допилить шаблон и плагин.
avatar
… или же просто использовать Бутсраповский слайдер прямо в шаблоне.
avatar
Да не, намного проще. В конфиге массив из ссылок на фотки, а в хедере, где выводиться картинка: img src=config::get(photolink). Как-то так
avatar
хотя не.
avatar
Вовка, предлагаю предлагаю тебе ред фиксов. В основном по юзабилити.

1. Закрепить панель со списком блогов через банальный fixed в пределах своего класса либо средствами яваскрипт, потому что у тебя слева пустое пространство и список блогов, который вверху, теряет свою свою основную функцию — навигацию по блогам. Кроме того, сделай выделенным название блога, топик которого читает сейчас пользователь.

2. На странице создания топика убери лишнее пространство от первой колонки слева. И на других страницах тоже, к примеру, настройки профиля.

3. В мобильной теме (адаптации под ~ 480px) список блогов идет также, как и в десктопе, т.е. начиная с каждого нового ряда.



— это проблематично в условиях ограниченного пространства экрана мобильных устройств, где важен каждый «уголок» сайта. Там по юзабилити должно быть всё компактно.

Следующий момент. В каждой твоей теме с bootstrap крупные таблицы вылазят за границы мобильных устройств, приблизительно вот так —



Ну и здесь добавь отступ для мобильных тем —



P.S. Может я придираюсь, но когда делаю диз, то всегда учитываю мелочи.
P.S.S. Спасибо за проделанную работу. Твои шаблоны вдохновляют использовать этот движок.
avatar
Спасибо за отзыв! Сейчас поясню по некоторым пунктам почему было сделано так:

1. Левая сторона — это полноценный сайдбар, т.е. в него можно спокойно выводить какие-то свои блоки, соответственно у каждого он может быть своим. Он не несет конкретной роли навигации, но может ею быть. В любом случае, при необходимости фиксирования можно решить Бутстраповским способом: getbootstrap.com/javascript/#affix
По поводу выделения активных пунктов — принято.

2. Опять же можно использовать свои блоки — какие-нибудь пояснения для пользователя и прочую инфу. Изначально пустая сторона убиралась, но мне такой вариант не очень понравился. Тля тех, кому надо убрать: достаточно с соответствующих экшенах первой строкой прописать

{assign var="sidebarLeft" value='false'}

или

{assign var="sidebarRight" value='false'}


3. Было в предыдущих комментах — принято.

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

5. Пропустил. Ок, принято.

Когда шаблон делается долго и по чуть-чуть вероятность недосмотреть чего-то возрастает многократно. Я, например, для этого и публикую здесь анонсы, чтобы мне указали на ошибки и то, что где-то недосмотрел.

И тебе спасибо!
avatar
Фикс всего, кроме выделения названия блога.
avatar
Интересный шаблон.
Адаптивность..., это т.е, возможность установить популярные плагины к LS?
avatar 
Адаптивность..., это т.е, возможность установить популярные плагины к LS?


Нет, это отображение на мониторах с различным разрешением, в том числе и на телефонах.
avatar
Скажите пожалуйста, какие плагины стабильно работают с данным шаблоном?
avatar
Специально не проверял, поэтому по названиям не перечислю. Можете приобрести «Developer-Kit» и посмотреть на нем. Если будут работать в нем, значит заработают и на этом шаблоне.

На вскидку — это плагины, которые не используют иконок, форм, кнопок и модальных окон. В остальных необходимо откорректировать html согласно документации Bootstrap.

Ну и сюда можно добавить еще и это: livestreet.ru/blog/templates/16861.html#comment271124
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.