INKA - новый шаблон для LiveStreet CMS

Inka

Разрешите представить вам свой новый шаблон под названием «INKA». Наверное еще ни один из своих шаблонов не делал так долго — свободного времени сейчас практически не бывает, но по чуть-чуть все же допилил до конца. Шаблон три раза менял свой вид и структуру пока не получилось что-то, чем можно поделиться с общественностью.

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

Особенности шаблона
  1. Адаптивность.
  2. Большие превью топиков и блогов.
  3. Стена на странице информации профиля.
  4. Блок друзей в сайдбаре.

Демо шаблона доступно по адресу: inka.kulesh-vladimir.by

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

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

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

avatar
Спасибо за интересный шаблон. Чем-то напомнил WordPress
avatar
Пожалуйста!
avatar
Кислотные какие-то заголовки в футере) А в остальном отличный шаблон получился!
avatar
Принято! Спасибо!
avatar
fix
avatar
Стало намного лучше. Только у меня иконки пляшут немного в хроме.
img829.imageshack.us/img829/5113/oq95.png
Или это так и должно быть?
avatar
Нет так не должно быть. Проблему видел, поправлю.
avatar
fix
avatar
Отличный шаблон!
Баг: Поиск неработает
Мне кажется иконку лучше поставить «поиска» рядом с «Войти», и верхнею строчку можно будет убрать как здесь
И меню пользователя на странице пользователя, смотрелось бы лучше горизонтальным, а не вертикальным.
avatar
Спасибо!

Баг: Поиск неработает
Браузер?
avatar
Яндекс- последняя версия
И еще при нажатье на поиск нельза сразу писать, приходится курсор наводить на строку.
avatar
Ок, посмотрю что можно сделать.
avatar
Поиск через всплывающее окно убран, остался ссылкой на страницу с поиском. Верхняя черная полоса осталась для сочитаниия с черным подвалом.
Над меню пользователя пока думаю.
avatar
Шаблон красивый, но под сам дизайн, страница /profile/*user* выглядит уж больно ярко, это с тем, что шаблон классический, ну это сугубо мое мнение
avatar
Ок, принято.
avatar
Немного поправил, надеюсь, стало лучше.
avatar
Рисую шаблоны, вполне на среднем уровне.
vOFFka, есть желание их верстать? С меня макет, для развития LS рисую их бесплатно, ты уже верстаешь и продаешь с себе наваром, для меня пищей будет вклад в развитие LS.
  • sku
  • 0
avatar
Так а почему в каталог макеты не добавляете? Может бы и еще кто подключился.

Я бы посмотрел и попробовал, но в последнее время со свободным временем беда — его практически не бывает. Впрочем, на почту можете скинуть — авось загорюсь так, что у сна пару часов открою. :)
avatar
inka.kulesh-vladimir.by/profile/vOFFka/
При клике на «показать подробную информацию» открываются контакты, а ссылка так и остаётся.
Сделай так, чтобы она менялась на «скрыть подобную информацию» или лучше вообще исчезала при открытии информации, а под блоком информации появлялась кнопка «скрыть», которая бы закатывала данный блок обратно
avatar
Ок.
avatar
при открытии окна авторизации — появляется второй вертикальный скролл. Да и в целом бы как-то застолбить заднюю область при открытии модальных окон было б хорошо.
avatar
Какой браузер?
avatar
chrome последней версии
avatar
Странно, у себя подобной проблемы не наблюдаю.
avatar
это в окне регистрации
avatar
Понял, Вы о том случае, когда окна по высоте не входят… Ну в таком случае появление скрола логично, а вот основной надо бы прятать, попробую что-нибудь придумать.
avatar
«большой шапка» в топике не совсем гуд. Сделай хотя бы переход по хешу ближе к дате (так, чтобы хоть малая часть текста попадала в первый экран узкоформатников.
avatar
Принято. По хешу не смогу, но по высоте для мелких экранов уменьшу.
avatar
1366х768 — не такой уж и мелкий экран :)
avatar
Ну да. Тогда, видимо так и останется.
avatar
круглые аватарки и иконки блогов выбиваются из общей угловатой стилистики
avatar
Пробовал, но так, мне кажется, лучше.
avatar
ну и если продолжить по стилистике, то отцентрованные тексты разделов набранные PT Serif и имеющие прозрачность (http://inka.kulesh-vladimir.by/blogs/) не вяжутся с аналогичными прибитыми к левой нижней части шапочной картинки и набранными PT Sans без прозрачности (http://inka.kulesh-vladimir.by/blog/architecture/)
avatar
Ок, покручу.
avatar
fix
avatar
Чего то не вижу кнопочек оценки самой статьи!
Так было задумано или я пропустил их где-то?
avatar
Да, пропустил. Еле заметил их! Надо бы исправить, в headere они еле заметны!
avatar
Нормально они заметны, по-моему, если к выбору превьюхи подходить более тщательно, а это делать необходимо для данного шаблона.
avatar
Доработал шаблон учитывая пожелания и комментарии.

Основные изменения:
1. Добавлена плиточная лента топиков.
2. Добавлена навигация по блогам в шапку (опционально).
3. Адаптирован плагин «ТОР топиков».
4. Правка мелочей.

Посмотреть изменения можно на демке.
В каталог новую версию пока не добавлял, так что можно внести свои замечания и предложения.
avatar
Отправил новую версию на модерацию. Вместе с тем организовал недельную скидку в 30%.

Готов выслушать ваши предложения на следующую версию шаблона.
avatar
Уважаемый vOFFka, почему Вы не добавляете в свои шаблоны(в плиточном виде), а именно в топики: количество просмотров и рейтинг топика?
P.S. Не в укор Вам вопрос задал)
avatar
Количества просмотров в ЛС выводится отдельным плагином, из коробки его нету.

Под рейтингом топика Вы подразумеваете саму цифру рейтинга или цифру и возможность голосовать? Если второй вариант, то я просто не вижу смысла в его добавлении — топик нельзя оценить по его картинке, названию и первой паре строчек. Саму же цифру рейтинга выводить можно, это не проблема, я просто оставляю по-минимуму всего, чтобы не загружать миниатюры.
avatar
Да, выводить, именно цифру рейтинга. Ну, а просмотры адаптировать под плагин просмотры
Было бы здорово видеть это в ваших творениях, с возможность откл/вкл этих функций в конфиге.
Еще раз повторюсь, я просто донес до Вашего сведения, свои «хотелки», не принуждающие Вас к их исполнению)
avatar
Ок, буду иметь ввиду.
avatar
Подскажите, на что обратить внимание для решения данной проблемы? awesomescreenshot.com/06437p0j9a
Буду благодарен за поддержку.
avatar
Пункт 4 из ридми сделали? Ту часть, где про настройку авок для блогов.
avatar
Да, сделал. Вот что вставил
$config['module']['blog']['avatar_size'] = array(750);
$config['module']['user']['profile_photo_width'] = 400;
avatar
Ну для кого же это все пишется то… Читаем ридми:

Для настройки превью блогов необходимо в файле config.local.php добавить следующее:

$config['module']['blog']['avatar_size'] = array(750,100,64,48,24,0); // Список размеров аватаров у блога. 0 - исходный размер



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

Если желаете оставить только самые необходимые размеры, можно прописать так:

$config['module']['blog']['avatar_size'] = array(750,48,0); // Список размеров аватаров у блога. 0 - исходный размер


Только если Вам со временем захочется сменить шаблон, придется перезаливать авки.
avatar
Благодарю, подправил. Скажите, а в каком файле можно переименовать меню верхнее? Все перелопатил, а найти не могу. awesomescreenshot.com/01437qw5b5
avatar
header_top.tpl

Если надо именно переименовать, то берете нужные текстовки

{$aLang.blogs}

например, добавляете их в russian.php шаблона и прописываете свой текст.
avatar
а как именно это сделать? на примере верхнего меню, если не затруднит. Час просидел, так и не поменял.
avatar
Какие именно ссылки и во что необходимо переименовать?
avatar
awesomescreenshot.com/01537xc978 Вот эти слова просто на другие. Сами ссылки остаются, меняются только названия. Например: «Люди» меняется на «Наши люди»
avatar
В header_top.tpl строчки 29-32 меняем на:

<li {if $sMenuHeadItemSelect=='blog'}class="active"{/if}><a href="{cfg name='path.root.web'}">{$aLang.topic_title_my}</a></li>
<li {if $sMenuHeadItemSelect=='blogs'}class="active"{/if}><a href="{router page='blogs'}">{$aLang.blogs_my}</a></li>
<li {if $sMenuHeadItemSelect=='people'}class="active"{/if}><a href="{router page='people'}">{$aLang.people_my}</a></li>
<li {if $sMenuHeadItemSelect=='stream'}class="active"{/if}><a href="{router page='stream'}">{$aLang.stream_menu_my}</a></li>


В russian.php перед

);
?>


добавляем:

'topic_title_my' => 'Топики',
'blogs_my' => 'Блоги',
'people_my' => 'Люди',
'stream_menu_my' => 'Активность',


Слова: топики, блоги, люди, активность меняем на свои.
avatar
Благодарю вас за поддержку, отличный шаблон хочу разобраться с ним, только не все всегда получается самостоятельно это сделать. Возникло еще 2 вопроса, буду благодарен за помощь.
Как сделать, чтобы картинка из топика попадала на верх?
awesomescreenshot.com/0c137tdfd0
И как сделать так чтобы в превью в списке топиков отображалась картинка?
awesomescreenshot.com/0cf37tdjfc
avatar
README.md шаблона, пункт №4.
avatar
Сделал все как описано в ридми. Но по прежнему проблема остается. Что не так делаю?
avatar
Покажите конфиг плагина «Main Preview».
avatar
/**
 * Адрес конвертера превью
 */
Config::Set('router.page.mainpreview', 'PluginMainpreview_ActionMain');

/**
 * Настройки
 */
$config['make_preview_video']   = true;  // Создавать или нет автоматические превью топика на основе вставленного в текст видео
$config['make_preview_image']   = true;  // Создавать или нет автоматические превью топика на основе вставленного в текст изображения
$config['preview_minimal_size_width']   = 750;  // Минимальная ширина превью, если изображение меньше, то на его основе превью создаваться не будет. Актуально только для автоматических превью
$config['preview_minimal_size_height']  = 500;  // Минимальная высота превью, если изображение меньше, то на его основе превью создаваться не будет. Актуально только для автоматических превью

/**
 * Список размеров превью топика
 * Обычно задается другим плагином или шаблоном
 */
$config['size_images_preview']=array(
	/*
	array(
		'w' => 750,
		'h' => 500,
		'crop' => true,
	)
	*/
);

/**
 * Системный параметр, его НЕ нужно изменять
 */
$config['load']   = true;

return $config;
?>
avatar
Все от того, что не внимательно читаем ридми. Сравните свой конфиг с тем, что написано у меня:

/**
 * Список размеров превью топика
 * Обычно задается другим плагином или шаблоном
 */
$config['size_images_preview']=array(
	
	array(
		'w' => 750,
		'h' => 500,
		'crop' => true,
	)
	
);
avatar
Исправил, но проблема по прежнему сохраняется :( Что не так делаю?

<?php
/*-------------------------------------------------------
*
*   LiveStreet Engine Social Networking
*   Copyright © 2008 Mzhelskiy Maxim
*
*--------------------------------------------------------
*
*   Official site: www.livestreet.ru
*   Contact e-mail: rus.engine@gmail.com
*
*   GNU General Public License, version 2:
*   http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
*
---------------------------------------------------------
*/

/**
 * Адрес конвертера превью
 */
Config::Set('router.page.mainpreview', 'PluginMainpreview_ActionMain');

/**
 * Настройки
 */
$config['make_preview_video']   = true;  // Создавать или нет автоматические превью топика на основе вставленного в текст видео
$config['make_preview_image']   = true;  // Создавать или нет автоматические превью топика на основе вставленного в текст изображения
$config['preview_minimal_size_width']   = 750;  // Минимальная ширина превью, если изображение меньше, то на его основе превью создаваться не будет. Актуально только для автоматических превью
$config['preview_minimal_size_height']  = 500;  // Минимальная высота превью, если изображение меньше, то на его основе превью создаваться не будет. Актуально только для автоматических превью

/**
 * Список размеров превью топика
 * Обычно задается другим плагином или шаблоном
 */
$config['size_images_preview']=array(
	
	array(
		'w' => 750,
		'h' => 500,
		'crop' => true,
	)
	
);

/**
 * Системный параметр, его НЕ нужно изменять
 */
$config['load']   = true;

return $config;
?>
avatar
Заработало! Благодарю!
avatar
При загрузке статьи, в редакторе картинки отображаются нормально. Но как только нажимаю «Превью», они разлетаются по всей статье. При публикации происходит все тоже самое. Скажите, на что обратить внимание? Как решить данную проблему?
avatar
Какой редактор? Какой браузер? Скриншты проблемы покажите.

Плагины сторонние пробовали выключать?
avatar
В редакторе: clip2net.com/s/iHNqQe
В предпросмотре: clip2net.com/s/iHNrwl

Редактор Tinymce
Браузер хром и мозила

Плагины начал отключать, в итоге сайт после отключения одного плагина начал показывать ошибку. Восстановил из бекапа.
avatar
Обратите внимание на то, как Вы вставляете изображения. Поэкспериментируйте.

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

Другого решения не знаю. Да и какие могут быть проблемы? Тут как бы логично все, по-моему. У меня такой проблемы и не возникало пока Вы о ней не написали и я не попробовал сделать не так, чтобы понять о чем Вы.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.