Правка шаблона, фон, сетка

[jaffagold]

Добрый вечер. Прошу помощи.

Правлю шаблон ( бесплатный).

Обязательное условие- фоновое изображение для body.

В результате куча информации становится нечитаемой.

Заливаю фоном div#content, Уже лучше, но возникла проблема.

Из-за особенностей сетки бутстрапа (padding-left:15px; padding-right:15px; у div.row и div.col.***) наблюдается вылезание фона за границы уже отстроенного контента (в частности menu-bar). Кроме того, если аналогично заливать aside, то заливки контента и левой колонки смыкаются в некрасивый многоугольник.

Сначала кинулся вставлять дополнительные div-ы со своими классами в div#content. Да, нормально выходит.

Но все .tpl-ки править, как-то не хочется. Это уже тянет на полноценную перерисовку шаблона, а хотелось сделать небольшие косметические изменения.

 

Может кто-то поделится секретом, как правильно вырулить в этой ситуации?

Змінено 2 листопада 2016 користувачем jaffagold

[localhost]

епт.... пора открывать новую ветку в форуме - bootstrap - css - html - tpl - js = ПЛАТНО.....

[jaffagold]

Благодарим за ваш ответ. Ваше мнение очень ценно для нас.

[HyperLabTeam]

Благодарим за ваш ответ. Ваше мнение очень ценно для нас.

ссылку кидайте

зайдут приделают отпишут

нам гадать что там у вас?

к body приделайте бекграунд

[mazein]

Что мешает открыть div в header, закрыть его в footer, и назначить ему стиль с белым цветом заливки?

Да, надо будет ещё с шириной поиграться для разных разрешений.

[pantagruel964]

Что мешает открыть div в header, закрыть его в footer, и назначить ему стиль с белым цветом заливки?

Да, надо будет ещё с шириной поиграться для разных разрешений.

.container-fluid умрет

 

Так-то тема бессмысленная, для решения нужен верстала, а не поиски волшебной кнопки

[jaffagold]

Ссылки нет( локалхост)

Фоновый рисунок УЖЕ залит в body.

Но контент в шаблоне опенкарта написан на прозрачном слое.

В результате, половина становится нечитаемой.

Заливаю фоном div#content, нормально все читается, но

есть маленький косячок, который бросается в глаза (я в начале темы писал)

Все блоки выстроены по сетке бутстраповской. А блок с контентом после заливки вываливается на 15 пикселей слева и справа.

 

Как это убрать " в лоб" я знаю. Надо внутрь div#content запихнуть div.my-style и его стили прописывать.

Но это же 50 файлов .tpl править...

Пока вижу только два выхода: таки править или забить.  

Змінено 3 листопада 2016 користувачем jaffagold

[mazein]

Так должно быть?

[jaffagold]

Не, немного не так. но идея та же.

Вы вставили блок div.pattern и залили его фоном. Так?

А я заливал div#content там где под хлебными крошками начинается Категория. Тогда заливка body проявлялась не только справа и слева, но между блоками в header-e и под левым блоком, который обычно короче контента.

Когда заливать по-вашему, то от фона в body мало что остается.

Но допустим, если по-вашему...

Чтобы вставить div.pattern какой вы правили файл?

У меня в дефолтном шаблоне этого блока нет и не вижу, где его вставить

[mazein]

Я же выше писал, правил 2 файла + стиль.

[jaffagold]

ага. я сразу не уловил, что можно не закрывать div в .tpl-файле. Ну да, они же все-равно собираются вместе. Я привык, что все закрывать надо.

Спасибо.

Проверю как смотрится и буду держать в резерве. 

Самое главное, что правится всего 2 файла. Ну и стили само-собой.

[jaffagold]

Вечером не сообразил прицепить картинку сразу.

Вот как планируется и что не нравится(отмечено желтым)

Змінено 4 листопада 2016 користувачем jaffagold