Бесплатный шаблон "Street Spirit" для LS 0.5 готов :)

Дополнительные модули и доработки для LiveStreet

UPD. Шаблон обновлен до версии 0.3.


«Мы строили, строили, и наконец построили!» ©
Встречайте новый, красивый и совершенно бесплатный шаблон Street Spirit!

Демо версия шаблона доступна на сайте http://street-spirit.dev.stfalcon.com. Также его можно скачать в каталоге.

Верстали под html стандартного шаблона jquery-new с минимальными правками. Поэтому сторонние плагины должны работать корректно.

Благодарности и замечания пишите в комментариях к этой теме или мне в личку.
Денежные донейты отправляйте сюда (я вам заранее благодарен).

UPD. Шаблон обновился до версии 0.2.

Условия использования

Наш копирайт с активной ссылкой на портфолио студии в нижней части страниц является обязательным. Избавиться от него можно отправив 20$ в качестве благодарности (указывайте адрес сайта).



Что касается версии под 0.4.2

Создание темы отнимает много времени, а его у нас мало. Если есть желающие переделать тему с 0.5 под 0.4.2, тогда я только приветствую такое начинание.

UPD2. Кстати были желающие перекупить дизайн и права на тему, но мы не продались :)
UPD3. Залил в каталог psd макеты дизайна.

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

avatar
Огромное спасибо! Пока ждал, успел сверстнуть некоторые дизайнерские изыски вашего шаблона:)
avatar
зы: жаль не все рюшечки в IE работают:)
avatar
если не сложно, то сделайте скриншоты, обведите проблемные места и вышлите мне на info@stfalcon.com вместе с указанием версии ИЕ.
avatar
там всего пара сss-параметров — градиентная заливка в background и border-radius, т.е. ссылко-кнопки отображаются ввиде обычных одноцветных прямоугольников. IE8.
avatar
Спасибо огромное, только что выбирал между 0.4.2 и 0.5 для нового проекта, да плагинов под 0.5 пока маловато адаптировали… но вы своей темой как последней каплей в чаше весов перевесили выбор в пользу 0.5. Сейчас же переведу денежку в благодарность, респект и уважение!
avatar
пожалуйста ;). правильный выбор. я тоже отдаю предпочтение 0.5
avatar
Очень круто! Ребята постарались :)
avatar
Спасибо! Просто отличнейший шаблон! Так держать!
  • treek
  • 0
  • ↓
avatar
это интересно | не интересно
при голосовании, эти кнопки не убираются и число не показывает, только после рефреша
шаблон классный!
avatar
спасибо, поправим
avatar
Автор топика не везде выводится.
avatar
конкретней пожалуйста
avatar
Ну, например, здесь, или здесь.
avatar
После авторизации на сайте авторы выводятся, может так задумано но какой смысл?
avatar
спасибо, разберемся
avatar
Большое спасибо! Ура! сейчас установлю!
  • krush
  • 0
  • ↓
avatar
Таки не стали возле «не интересно» ставить палец вниз? И кнопок соцсетей не заметил… жааааль
avatar
1. не стали.
2. кнопки пока спрятали, чтобы не откладывать анонс.
avatar
Шаблон чертовски хорош. Спасибо за ваши труды.
avatar
а что за беда с форматированием происходит при вставке картинок в топик?
Например вот сделал на примере показать
avatar
вижу. поправим. спасибо ;)
avatar
+ не подгружается форма загрузки изображений в комментариях (просто затемняется страница а форма отсутствует)
avatar
+ при добавлении сервисов в «Поля контактов пользователей» они не отображается в поле «Контакты и социальные сервисы» а размещаются в разделе «Личное» причем не ссылкой а текстом шаблона (который подставляется)
avatar
А что Вы прописали в поле шаблон?
Нужно что-то типа
twitter.com/#!/{*}
avatar
Как бы так и стоит. И если в new шаблоне выводится 
http://twitter.com/user
то тут просто 
user
avatar
Попробуйте в поле шаблона вписать ссылку
<a href="http://twitter.com/{*}" target="_blank">twitter.com/{*}</a>


Вот мой результат: street-spirit.dev.stfalcon.com/profile/fluxuator/
avatar
Спасибо за шаблон.
Нашел баг, правда не знаю из-за шаблона он или нет.
У журналиста почему то отображается моя аватарка в новостях, если перейти к нему в профиль, то все нормально.
avatar
не совсем понял. можно скриншот?
avatar

У него мой аватар отображается.
avatar
1) ИМХО выпадающий список в перечне месяце (Дня рождения) нужно сделать шире :)
2) при добавлении в друзья так и задумано? clip2net.com/s/1cBTu Вин7, Опера 11.51
  • Fanta
  • 0
  • ↓
avatar
записал. спасибо ;)
avatar
Поздравляю, это отличная работа.
avatar
ээ нету кнопки вступления в блог так и должно быть?

зашел не через админа
avatar
должна быть, поправим
avatar
у меня есть Вступить/покинуть ;)
avatar
у меня даже на локалхосте нет! на голом движке
avatar
У меня тоже не наблюдается на голом движке 0.5.1
avatar
спасибо за шаблон!
  • jofe
  • 0
  • ↓
avatar
спасибо! с первого взгляда влюбился в эту тему!
как раз мой сайт пока не запущен. заливаю шаблон на хост, буду тестить.
avatar
было бы хорошо сделать возможность локализации шаблона, чтобы можно было с легкостью его перевести на другой язык, а не искать каждую строку в коде
  • krush
  • 0
  • ↓
avatar
уточните пожалуйста о каких именно строках идет речь?
avatar
имеется в виду сделать так, чтобы строки с текстом брались из файла street-spirit\language\ ukrainian.php

т.е. в коде шаблона везде где есть русский текст нужно повставляты сменные!
avatar
я понял, что имеется в виду. интересует где именно вы видели русский текст
avatar
street-spirit\header_top.tpl
avatar
Установили, пока тестируем.
Пока, ничего кроме вышеназванных багов, ничего не заметили.
Один вопросик: когда все исправления будут внесены, всю тему надо будет заново перекачивать на хост? Волнует вопрос внесения индивидуальных изменений — header, footer, расположение блоков и прочее.
avatar
да, лучше заново
avatar
Тогда оповестите, пожалуйста, когда запатченная версия темы будет доступна для скачивания. Заранее благодарю.
avatar
Немного не в тему, не работает превью топика, есть такой плагин. Хотя с плагинами наверное много еще допиливать придется, по поводу работы с плагинами писать сюда или как?
avatar
Похоже шаблон ни при чем, этот плагин не работает и при new-jquery:(
avatar
Вы readme.txt к плагину читали?

найти: <div class="content">
добавить после:
{if $oTopic->getTopicPreview()}
	<img class="topic_preview" src="{$oTopic->getTopicPreviewPath(110,90)}">
{/if}
Ещё бы он у вас не работал, ага.

В конфиге заданы значения:
$config['preview_size'] = array(array(120,90),array(50,30));
Значит и в самом выводе (что выше) нужно 110 поменять на 120.
avatar
Да извиняюсь, действительно не читал:) Правда в новых шаблонах нет , вставил там методом тыка и в конфиге поменял 110 на 120 — работает:)
avatar
Вы readme.txt к плагину читали?

Есть такая тенденция. Дума, если бы файл назывался agEWRGHerwbwer_GGOOwr_AAAAA.txt, то прочли бы его с большей вероятностью.
avatar

последняя опера при сжатом в ширину браузере
— — — —


в других браузерах

ИМХО надо чтобы оставалось на одной строчке
avatar
вижу, спасибо
avatar
Вам спасибо… не так много красивых тем для LS которые оригинальны и в тоже время универсальны
avatar
А и еще, при вставке картинки в новость, в стандартном шаблоне текст идет под ней, а в вашем же он идет слева от неё.
Chrome
avatar
А зачем в папке шаблона images столько «мусора» *- неиспользуемых картинок от стандартной темы
avatar
Шаблона ждала долго, и он хорош. Есть пара замечаний, правда, может ко мне кто прислушается…

1. Слишком крупный текст названий топиков, он и так черный, его видно хорошо, но уж слишком большим сделали, режет глаз. И так много контраста…

2. Слишком много пустого места. Имхо, это очень как-то коряво выглядит — растянуто. Ну вот сравните просто new шаблон новый из ЛС и этот. Тут прямо хочется взять и подвинуть одну надпись к другой, так много между ними пространства.

3. Про это писали — кнопки соц. сетей :) и +1 тоже. Было бы удобно.

4. Хочется, чтобы в блогах отображался и прямой эфир, как-то растянуто и много пустого места… Одна надпись от другой на расстоянии противоположных концов экрана… мне не удобно так.

5. Чувствуется некая незавершенность, особенно в самой шапке. На черной линии все нормально, ниже немного две кнопки — зеленая и синяя, а потом как беспризорные ссылки мелкие идут — Коллективные, Персональные, Лента, ТОП.

Но первые два пункта те, из-за которых я, к сожалению, предпочитаю новый new-jquery Очень надеюсь, что прислушаетесь, так как шаблон «перспективный». И еще — шаблон хоть и вышел яркий и контрастный, но в левой части ему недостает цвета. Особенно в разделе Блоги. Комментарии и Топ выделяются серым цветом, а могли бы выделится синим или зеленым, как кнопки сверху. Я не претендую на роль дизайнера, да и вообще, просто хочу помочь, так как повторюсь — шаблона ждала долго.
avatar
все нормально по первым двум пунктам это наоборот очень интересно. Вы можете сами же цвет заголовком сделать более тусклым…

зы пустого места в дизайне сайтов много не бывает… легко читабельно удобно
avatar
просто мало контента. поэтому ощущение пустого места. на живых сайтах будет норм
avatar
А наличие такого пустого пространства, как при нажатии на Блоги Вас не смущает? street-spirit.dev.stfalcon.com/blogs/ У меня ноут с широким экраном, голову нужно поворачивать, чтобы увидеть конец… (
avatar
меня в этой жизни мало что смущает :))
там нужно блоки в сайдбар добавить и будет ок. по аналогии new.livestreet.ru/blogs/
avatar
Не совсем.
По просьбе дизайнера вывод сайдбара при наличии списка блогов убран вообще.
Чтоб их вернуть необходимо в
/actions/ActionBlogs/index.tpl
и
/actions/ActionTop/blog.tpl
убрать 
{assign var="noSidebar" value=true}
avatar
1. Меняется в CSS за 2 минуты

.topic .title a {
  color:#000000 !important;
  text-decoration:none;
}

topic .title {
  font-family:'PT Sans', 'helvetica neue', arial, sans-serif;
  font-size:38px;
  font-weight:bold;
  line-height:35px;
}

Ставте любой шрифт какой вам нравится
3. Что мешает sbookmarks поставить?.. Тестировали, замечательно встает.
avatar
Спасибо! Подскажите еще в каком именно файле CSS? А то я долго искать буду… а можно как-то расстояние между аватарками сбоку уменьшить, чтобы они ближе были одна к другой (там где прямой эфир)? И еще подскажите — чтобы шаблон поддерживал плагин UserMedals автор плагина должен его переписать под него?
avatar
Поставте плагин, активируйте… если криво но пойдет, значит надо поправить стили.
Если выдаст ошибку, то скорее всего из-за smarty и надо будет лезть и править шаблон под 3.0.8… почитать можно тут livestreet.ru/blog/dev_livestreet/7448.html
Что касаемо аватарок, то конечно же можно поправить где-то тут
.block.stream ul.list .stream-user-ico img {
  float:left;
  margin-bottom:0;
  margin-left:0;
  margin-right:6px;
  margin-top:0;
}


В каком CSS можно посмотреть тут livestreet.ru/blog/dev_documentation/8385.html
там есть описание всех файлов шаблона.
Если что, обращайтесь в личку.
avatar
Спасибо Вам огромное!
avatar
Заметил, что в «Прямом эфире» и подписях к топикам отображается не имя пользователя, как вы хотели сделать, а его логин. Переделывать не будете?
avatar
Не все заполняют данное поле, так, что будет много пустого места…
avatar
В теории задумка была хорошая, на практике оказалось, что всё завязанно именно на логинах, потому мы оставили имя только в шапке. Если имя не заполнено, то показывается логин.
avatar
Якорь в комментариях походу не работает.
avatar
Нашел ряд косяков и неудобностей
Поехали…
1. не отображается кнопка Вступить в блог… или ее просто нету.
2. не подсвечиваются комментарии, что жутко неудобно(новые)
2.2 когда кликаешь на стрелочку вверх, ведущую к предыдущему комменту вверх по ветке — он не подсвечивается.
3. С аватарками вообще беда… выводит аватарку юзера рядом с никами других пользователей


4.Не знаю проблемы скорее всего не с шаблоном, но с редактором TinyMCE нельзя ответить на личную переписку в почте… Кнопка Добавить просто не нажимается.
С этим же редактором беда при добавлении топика, шрифт на столько мелкий, что глаза сломать можно.
avatar
Вопрос по 4му пункту снят. Сам дурак.
avatar
1. Якорь не работает в комментах
2. Звезда — в комментах не работает
В Валидаторе 11 примечаний и 13 ерроров ):

Печалька, но Шаблон просто отличный надеемся на скорейшее исправление глюков
  • md5
  • +1
  • ↓
avatar
1. спасибо, об этом уже писали. исправим
2. проверил на демо — работает. в каком браузере проблема?

в скине new-jquery 21 ошибка и 86 предупреждений. мы за этим не гнались
avatar
new-jquery создан любителями. Вы — профессиональная студия. Ошибки правятся быстро… репутация зарабатывается годами. Мелочи на репутацию тоже влияют.

Исправить конечно можно и самому, но приятнее когда все красиво и качественно работает.
avatar
насчет new-jquery и любителей вы погорячились. в остальном мне важней вопросы совместимости и легкости обновлений. вобщем компромисс будет найден. я не говорил, что ошибки останутся
avatar
Ок. Уважаю ваше мнение и жду с нетерпением порцию вкусностей от вашей студии.
avatar

голосов 20 уехало относительно рейтингов и т.п.
  • md5
  • 0
  • ↓
avatar
это где и в каком браузере?
avatar
Google Chrome в профиле пользователя.
avatar

значит уже ок
avatar
avatar
avatar
я в своем смотрел. вобщем поправили. на демо можно проверить
avatar
предпросмотр не работает
avatar
у меня работает. указывайте информацию о браузере. можно скриншоты
avatar
chrome 14.0.835.186

+ «описание блога» не работает
avatar
вот ссылка на изображение imagestun.com/images/2011/qncw4lxc1j.png.html
avatar
на демо сайте работает, stfalcon в чем может быть проблема что не работает(описание блога) + (предпросмотр)?
avatar
не понял. где не работает? мы ещё не обновляли шаблон в каталоге
avatar
ждем обновления в каталоге
avatar
в комментариях тоже не работает предпросмотр
avatar
попробуйте на демо сайте. я недавно как раз проверял и работало и в комментах и в топике
avatar
на демо сайте — работает
avatar
значит пофиксили. спасибо за сигнал ;)
avatar
Когда планируется выгрузить первую порцию правок? Просто некоторые глюки могут теряться относительно уже имеющихся.
  • md5
  • 0
  • ↓
avatar
ближе к вечеру
avatar
Спасибо. Будем ожидать и тестировать дальше.
avatar
stfalcon — обновляй каталог :) Рабочий день уже начался — трубы горят )
  • md5
  • 0
  • ↓
avatar
Сорри — не заметил смежную тему! UPD2 добавь!
avatar
дописал
avatar
извините за тупой вопрос, но надо узнать
шаблон возможно отрегулировать по ширине или он эластичный на 100%?
avatar
при желании все можно
avatar
Пардон, я немножко чайник. PT Sans подключен через font-face?
avatar
Отбой, вижу, что через Google Fonts.
Автор топика запретил добавлять комментарии