Кастомизируем, переделываем Developer-Kit под себя, вопросы и ответы

Developer-Kit — это не просто шаблон, это инструмент для создания своего уникального сайта на основе движка Livestreet CMS. Многие из Вас, людей которые не сильны в знании программирования уже наверное столкнулись в с проблемами касаемо «переделки шаблона под себя», как изменить цвета шаблона, как вставить лого, как изменить ширину сайта, как изменить размер картинок и т.п.



Автор шаблона vOFFka ответит на Ваши вопросы, касаемо этого шаблона.

Полезная статья о кастомизации шаблона от автора.

Купить этот прекрасный шаблон можно тут: Шаблон «Developer-Kit»

Задавайте свои вопросы

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

avatar
Слишком много слов, где факты?
avatar
Можно ли в режиме ленты grid_6 высести сайдбар в центре ленты новостей как в masonry_7 ?
avatar
Без доработок одной из них — нет.
avatar
понимаю, можете рассказать как сделать это можно?
avatar
Если просто, на пальцах, то:

1. Файл masonry_7.tpl, строчки 104-123 отвечают за вывод центральной области. Копируем их.
2. Файл masonry_6.tpl, после 46-й строки вставляем скопированное.
3. В первой скопированной строчке:

{elseif $smarty.foreach.foo.iteration == 17}

вместо 17 подбираем цифру такую, чтобы сверху топики ложились более-менее ровно на область. Если так не выходит, то прописываем вывод каждого топика вручную так, как это сделано в файле masonry_7.tpl.
avatar
Отлично, все работает, сайдбар в центре. Выравнивать топикии буду чуть позже
avatar
Где задается размер тела сайта (контейнера), хочу сделать главную страницу широкой, а полную новость чуть по меньше?
avatar
Первоначально, в конфиге выставляем:

$config['container']['lg'] = 'false'; // Выводить "основные" страницы со списками топиков (без сайдбара) шире, чем остальные?


в «true».

Если «широкие» страницы надо сделать еще шире — файл style.css темы, строчки 1091, 1092. Увеличиваем ширину на одно и то же значение.

Если «узкие» страницы надо сделать еще уже — идем кастомизировать Бутстрап, в котором меняем ширину контейнера для ПК (@container-large-desktop) на меньшую.
avatar
В будстрапе ширину контейнера (для полной новости) определяет стиль .container

Разобрались, сделал!
avatar
При увеличении ширины сайта, заметил что вместе с ним увеличились и картики, как влиять на размер картинок и как в моем случае сделать не 3 колонки с новостями, а 4 колоночки.

Посмотрите на пример моего тестового сайта
avatar
Ширина колонок Бутсрапа задается в процентах, Вы увеличили общую ширину — у Вас увеличилась ширина колонки.

как в моем случае сделать не 3 колонки с новостями, а 4 колоночки

Посмотреть как это реализовано в четырехколоночных лентах.

Для простой сетки (без masonry) я бы не советовал делать четыре колонки — при уменьшении экрана они чересчур сильно уменьшаются, поэтому такой ленты из коробки в шаблоне и нету.
avatar
В дополнение о колонках (т.е. сетке): getbootstrap.com/css/#grid.
avatar
Очень понравился ваш сайт! Аккуратный, со своей изюминкой! На мой взгляд сделали бы 3 подсказки на главной, подровнялось бы по высоте
avatar
Вот только я бы добавил «что-то белорусское» чтобы было понятно что сайт о Минске.
avatar
Ааааааа) это я koko.by смотрел))))
avatar
Подскажите за что отвечает параметр, пример: {elseif $smarty.foreach.foo.iteration == 14} и {elseif $smarty.foreach.foo.iteration % 10 == 3} ?
avatar
Грубо, можно «перевести» так:
1. иначе, если это 14-я операция в цикле (читай 14-й топик), то…
2. иначе, если это кратная 10-и операция, начиная с 3-й (т.е. каждый 10-й топик, начиная с 3-го), то…

www.smarty.net/docsv2/ru/language.function.foreach
avatar
Как сделать разную ширину Контейнера ( container ) для разных разделов? Например хочется что бы размер Главной был отличным от размера Блогов, Людей, Подразделов.

Как Это грамотно реализовать?
avatar
Можно так: делаем аналогично, только для body, а потом в стилевом файле:

@media (min-width: 1199px) {
	.action-index .container { max-width: 1370px; width: 100%; }
}
avatar
А не подскажете, как правильно реализовать 10 колоночную верстку (не нарушая 12 колоночную)? В интернете находил варианты решения через less, но так и не понял как это реализовать.
avatar
реализовать 10 колоночную верстку (не нарушая 12 колоночную)

Можно подробнее?
avatar
Может я что — то напутал. Ну чтобы можно было в одном макете использовать и 12 и 10 колонок.Есть вариант просто поменять @grid-columns на 30 (но я так думаю верстка шаблона полетит). Или blog.eney.solutions/layout/bootstrap-5-kolonok.html, но как это сделать не совсем понимаю. Подскажите пожалуйста
avatar
Приведите пример того для чего и как Вы планируете использовать 12 и 10 колонок. Быть может Вам подойдет вариант с offset'ом.
avatar
Прошу прощения, нужно на 15 колонок и оставить 12 колонок, чтобы делить макет пополам и чтоб Ваш шаблон не полетел. Макет примерно такой хочу сделать www.behance.net/gallery/28378779/News-Board-WordPress-Theme
avatar
Как понимаю, 12 колонок нужно для того, чтобы часть страниц уже была? Тогда может как варинт сделать весь макет 15-ти колоночным, а ширину для разных страниц в стилях прописать?

ПС: С разным кол-вом колонок в одном шаблроне не сталкивался, поэтому сходу так реализацию особо и не подскажу.
avatar
*шаблоне
avatar
1. Можно сделать весь макет и 30 колонок (чтобы можно было делить на два). Тогда вопрос — можно ли это сделать, чтобы верстка шаблона не полетела (или нужно будет все переделывать)?
2. Можете пояснить, как тут предлагают решить эту задачу? (как я понял поделено на 5 колонок).
avatar
1. Верстку шаблона немного придется менять. В частности переписать все классы типа col-md-12 на col-md-30 и остальные по аналогии, но их там не много, так что особого труда не составит.

2. Добавьте приведенный код в стилевой файл шаблона и наряду с дефолтными колонками сможете использовать и эти, т.е. прописывать класс col-md-1-5 у блока, к примеру. Там только padding'и на 15px измените, если дефолтные используете, чтобы отступы одинаковыми были.
avatar
Больщое спасибо за помощь!
avatar
Лучше сделать кратное 12 — например 24
avatar
А как реализовать 5 колонок на сетке 24?
avatar
Без математики никак )), точно также как и с 12. Для 30 — 5 колонок 6-я часть. Т.е. берите смело 4 от 24
avatar
24/4=6. А необходимо 5 колонок. )
avatar
Да верно, вначале подумал речь о ширине. Но ведь такая же проблема для 4 колонок из 30…
avatar
Если на одних страницах используется 5-тиколоночная верстка, а на других 3-хколоночная (col-30 или col-15 и col-12) — все норм. Про 4-е колонки речи небыло, был разговор чтобы оставить 12, чтобы не перебирать мой шаблон, а он, в основном, трехколоночный.
avatar
А чем лучше?
avatar
Чтобы удобнее было с текущей версткой — умножаем все колонки на 2 и все
avatar
Добрый день.
Поставил шаблон, всё настроил но не могу установить фото в шапку.
Вариант — boxed. Ваше фото в папке есть, все пути прописаны, а на сайте не отображается.
Я даже пытался поставить не относительный а абсолютный путь к фото в файле stile, всё равно не работает.
Вот сайт: xn--k1aecaalnw3d.xn--p1ai/ Куда лезть чтобы jumbotron отработал?
Спасибо.
avatar
Ответил на тикет.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.