Новый шаблон "BRAND" - обсуждения и предложения!

Шаблоны для LiveStreet
Всем привет! Последую примеру опытных и уважаемых разработчиков LiveStreet сообщества которые выкладывают небольшие превью-описания шаблонов и хочу представить публике свой, который решили назвать «BRAND». Немного о шаблоне. Первоначально задумка была создать простой/строгий однотипный дизайн больше подходящий под бизнес проекты, журнальные и газетные сайты, но как всегда как только берешься за дело появляются новые идеи, мысли, которые трансформируются в дальнейшем в нечто иное, чего ты задумывал ранее.
И так, после месяца мучений получилось создать, на мой взгляд, такой шаблон, который многим подойдет по вкусу, цвету, дизайну, их несколько в шаблоне.
Дальнейший курс развития шаблона вижу по сценарию разработки и внедрения виджетов в шаблон типа погоды, количества подписчиков соц.сетей, создание новых типов топиков и другое.


Особенности шаблона
  • Уникальная структура элементов
  • Адаптивный дизайн
  • Огромный выбор настроек
  • 4 дизайна сайта
  • 4 типа топиков
  • 3 режима заголовка (в том числе новый видео-режим)
  • Встроенный социальный виджет — вывод записей по пользователю, группе, хештегу (VK, Facebook, Instagram, Google+, Blogspot)
  • Фиксированное мега-меню
  • Изменены модальные окна авторизации и регистрации
  • Новая структура страницы профиля, страницы 404
  • Онлайн статусы пользователей в топиках
  • Адаптация плагинов (в особенности слайдер)
  • Parallax эффект, Ajax поиск и многое другое.


Прошу строго не судить, я не так давно начал работать с livestreet, многое еще не знакомо, буквально за полтора месяца летнего отпуска ознакомился что к чему да как, но критику приветствую. Практический опыт разработки сайтов более 5 лет, больше работал с WP и DRUPAL.

Есть ли у вас есть какие-либо идеи, отзывы, замечания, предложения, пожалуйста просим.
Наиболее интересные будут реализованы в дальнейших версиях шаблона! Спасибо!

52 комментария

avatar
Шаблон красивый но блин, я вообще не понимаю зачем делать такие тяжелые шаблоны, которые лагают при прокрутки.
Чтобы этим шаблоном нормально пользоваться, нужно еще пол кода перелопатить.
avatar
Посмотрите конфиг, все опционально! Шаблон тестировался на последних версиях браузеров Opera,Chrome, Mozilla, Safari и IE10, никаких багов замечено не было!

Ну а если у вас совсем компьютер слабенький или браузер старый, отключите все что вам не нужно и шаблон будет легким.
avatar
Я даже не знаю что там можно отключить, просто если выключить этот гигантский баннер в верху, шаблон станет не красивый.
Я не понимаю почему он у вас так лагает, вы случайно со скриптами там не намудрили?
Даже у моего друга лагает, а у него комп мощный.
avatar
Кстати кнопочка поиска мне очень понравилась, нажал и такая махина сверху вылазит
avatar
верх шаблона действительно прокручивается рывками
avatar
Отключил паралакс в конфиге шаблона, проверил, все плавно, включил обратно если очень внимательно смотреть может кто-то и заметит > дело в паралаксе.

Так же убрал настройку скорости прокрутки ползунка, поставил стандартную, можете снова проверить.
avatar
не могу сказать изменилось ли что-то. попробуйте кешировать свойства в жс.
avatar
Это на самом деле не лаги, это такой эффект «плавности» прокрутки страницы, который часто используют в landing-page
avatar
Не знаю как у вас но у меня точно лагает, этот баннер и этот скролл, создают дикие лаги.
Еще я не могу переместить скролл мышкой, когда он находиться на слайдере.
avatar
1 — это не лаги, но мы попробовали уменьшить «лаги»
2 — Теперь можете! z-index параметр слайдера был выше чем z-index скрола.
avatar
Ну вот сейчас более менее.
avatar
но лаги у меня все равно есть, все таки пенек 4 :)
avatar
Шаблон интересный — с изюминкой)
Но вот открыл на телефоне демо brand.a64cc.ru/ и не смог пролистать вниз:(
При просмотре на компе — лагов не замечено.
  • ASA
  • 0
  • ↓
avatar
Пожалуйста, напиши модель телефона, либо его разрешение если знаете, либо версию ОС (android, iOS)
avatar
На планшете шаблон вообще не арбайтен.
avatar
Да, мы выяснили причину, что не удивительно, это именно паралакс. Поэтому так на мобильных устройствах! В ближайшие дни все исправим и выложим обновление!
А вообще, куча настроек в этом плагине, можно делать всякие повороту headera, анимации и тд.!
avatar
на мой взгляд, прокрутка большой шапки сайта на всех страницах вообще не нужна — первую страницу в данной версии вообще разумнее оставить опцией для тех, кому нужна презентационно-менюшная стартовая страница. на остальных нужно большой баннер сворачивать, так как неочевиден переход _ кликаешь по меню, и только внизу экрана видишь что там что-то поменялось, надо догадаться что для просмотра надо крутить колесико на мышке.
avatar
Это решается опционально! В конфиге можно задать заранее установленный нормальный, средний размер, пример.
В принципе, можно подумать и сделать чтобы вообще высота задавалась персонально из конфига.
avatar
Вы меня не поняли, видимо. Я говорил о том, что большой баннер должен быть опцией, но ТОЛЬКО для главной страницы — остальные, по умолчанию, не должны быть, на мой взгляд, с таким ненужным навязчивым «приветствием». Он там явно не нужен. А то, что он настраивается в конфиге — это хорошо.
И еще маленькое замечание: выпадающее меню на мой взгляд, должно выпадать по наведению на пункт меню, а не по клику на соответствующей пиктограмме. — тоже лишнее действие.
avatar
Спасибо за отзыв! Натолкнули на одну мысль!)) Постараюсь реализовать в следующей теме!

А пока отправлена на модерацию версия 1.0.2

— Добавлена опция наложения картинки вместо текста в шапке
— Отредактирована страницы профиля и регистрации
— Фикс мобильной версии сайта
— Подправлен сайдбар, мобильное меню, фиксированное меню
— Остальные мелкие правки
avatar
Кстати, есть 2 режима слайдера, как сейчас на демо и в контенте нормальный размер!
Скрин
avatar
у меня вопрос к создателям: зачем вы просите не судить строго, если продаёте шаблон по достаточно серьёзной цене? либо вы дорабатываете шаблон за эти деньги и перестаёте плакаться, либо раздавайте его бесплатно. шаблон реально тормозящий!
avatar
Один из главных принципов трудового права — любой труд должен быть оплачен!
Шаблон доработан и будет дорабатываться.
Шаблон тестировался на browserstack разными устройствами, проблем обнаружено не было!
Опишите, пожалуйста, в чем он у вас тормозит.
avatar
Шаблон красиво выглядит, но его функционал достаточно маленький для таких лагов. Проверьте код или залейте шаблон на другой сервер для тестирования.
avatar
Граждане разработчики! Не выводятся превью в шаблоне. Только в виде стандартной ленты. во всех же шаблонных видах- нет. В почте у вас молчание, домен с дмо отключен за неуплату- как быть? Мне заказчику сдавать сайт, несерьезно как то. вам оплата упала, а мне что- теперь голову ломать?
avatar
Товарищ, не паникуйте!)) Да, действительно, домен на днях просрочился старый, не красивый, он нам не нравится. Теперь все переехало на новый sslive.ru, mx почты забыли обновить, спасибо что напомнили, все работает теперь!))

Вы читали инструкции перед установкой шаблона? Для того, чтобы выводились превьюшки необходимо(как и в любом другом шаблоне) установить плагин «Main Preview».
Установите, если возникнут проблемы, пишите на почту brand@sslive.ru )
avatar
разумеется, установил))) НО как то криво плагин работает… Я сам не особо прогер, дальше ксс и штмл обычно не лезу. С плагином почему то превьюшки кривые все, но раз советуете- буду ковырять до упора, спасибо за наводку
avatar
Уточните, пожалуйста, как криво работает? искажает или что? Превьюшки создаются? Какой режим вывода у вас стоит?
avatar
кстати. инструкций я не видел, в плане про майнпревьев плагин, тыкните носом, где такое?)))
avatar
На странице каталога шаблона на кнопочке «Установка»
avatar
Сейчас снова включил «Main Preview». Превью появилось лишь у видио. в виде корявенькой картинки ( а хоелось бы чтобы видео было не внутри топика, а как обычно- сразу вместо превью) У простого топика и у фотосета- так превьюшки и нет в ленте… Ессли серьезнее- как то вы по части серьезной техподдержки совсем не айс… вопрос то не праздный, я у вас продукт купил, и не за рубль, а вы вот — в общих словах мне в общем чате какие то намеки на иснтрукции…
avatar
Для начала необходимо выяснить в чем причина, прежде чем ее устранить, я не экстрасенс чтобы понять все что происходит, верно?)
Вам общий чат не нравится, напишите на почту brand@sslive.ru, будет даже лучше, если вас не затруднит. Если с нашей стороны ошибка, то обязательно исправим и поможем настроить персонально для вашего проекта.
avatar
Подскажите, как реализовать в этом шаблоне смену картинок в шапке? Просто чтобы, к примеру, рандомно менялись при загрузке страницы… Сломал уже весь мозг.
avatar
Рандомно с топиков или заданные картинки?
jQuerty плагины отлично подойдут.
avatar
Заданные картинки…
avatar
Для этого можно поискать в поиске, можно решить на уровне смарти.
avatar
Блин, вы чайнику как то по-проще поясните))) Хотел сделать с использованием переменной, типа 
{assign var=random value=1|mt_rand:15}
<img src="http://сайтец.ру/имаги/{$random}.png">
но не могу найти куда ее всунуть, ибо вижу картинку в шапку только в свойствах СSS…
avatar
Значит переделать на вывод

<div style="backgroun: url()">


Как то так:

<header id="skrollr-body" class="band skrollable skrollable-between" data-0="background-position:0px 0px;" data-500="background-position:0px -250px;" style="background-position: 0px 0px;
{assign var=x value= 1|rand:4 } 
{if $x == 1}
	background-image: url("{cfg name="path.static.skin"}/images/brand-logo1.jpg");
{elseif $x == 2} 
	background-image: url("{cfg name="path.static.skin"}/images/brand-logo2.jpg");
{elseif $x == 3}
	background-image: url("{cfg name="path.static.skin"}/images/brand-logo3.jpg");
{else}
	background-image: url("{cfg name="path.static.skin"}/images/brand-log4.jpg");
{/if}
">
	<div class="btc skrollable skrollable-between" data-0="opacity: 1" data-180="opacity: 0" style="opacity: 1;">
		<h1 class="big-title">ШАБЛОН BRAND</h1>
		<p class="pcover ">livestreet premium template</p>
	</div>
</header>
avatar
Оооо. уже что-то! Попробую как то так сделать, заранее спасиб))
avatar
В данном шаблоне картинко для шапки выводиться в css как background-image для класса, а сам класс прописан в tpl 
<header id="skrollr-body" class="band....
avatar
Я же ответил 0_о
avatar
Честно говоря много эффектов всяких, так сказать «эффект ради эффекта». Устаю от мельканий за 1-2 мин:( А так суппер, хорошая работа!
avatar
Красивый. Под DAO есть/будут адаптация? Если да, то за предложенную цену в 810 рублей — заимел бы себе такой.
avatar
По вашей почте не достучаться, пишет ошибка и сообщение не доставлено. Куда вам можно отписать? Есть одна проблемка с masonry.
avatar
Здравствуйте! Хорошо, что написали сюда.
Недавно переехал на другой хостинг, а почтовые сервера забыл поменять.
Сейчас же отправлю запрос, а пока можете посредством личных сообщений вопрос задать.
avatar
Предложения по шаблону имеются?!
avatar
Есть.
1. Сделать возможность устанавливать фото в топики на всю ширину экрана.
2. Сделать возможность устанавливать в фотосете несколько слайдеров.
3. Сделать возможность устанавливать в текстовом топике слайдер фотографий, как в фотосете в любом месте.
4. Заставка видео не только на главной.
5. Сделать более дружественным к поисковым системам :)
avatar
При покупке требуется ввести домен. Вопросы:

1. На локалхост устанавливается? Или надо править host?
2. Код полностью открыт или под ион кубом?
3. Если под кубом, то какие функции там закрыты? Что делает закрытый код?
avatar
Можно пропустить графу домен, но лучше написать, поскольку я люблю периодически мониторить сайты клиентов и смотреть как на практике шаблон ведёт себя чтобы можно было сделать интереснее что-то.

1.) Можно.
2.) Код полностью открыт (только для личных целей)
3.) В пункте 2 ответ.
avatar
пропустить не получается. вписываю тестовый — приходит письмо на почту с фразой: Требуется подтверждение домена автором расширения. И… уже пару часов прошло :) попробовал еще раз купить — все так же.
avatar


а выделенное красным надо исправлять? или где то в настройках отключается?
avatar
что то не выделилось. Имеется ввиду с правой стороны буквы не на всю длину.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.