Боковой фон как в блогах

Автор Petya163, 29 сентября 2013, 20:31:25

« назад - далее »

Petya163

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

И так, в своем магазине, созданном на дефолтном шаблоне престашоп, хочу добавить 2 фоновые боковые колонки, как в блоках например! Смотрел код стандартной темы, так и не нашел там этих колонок, но фоновой отступ есть!

Если кто то не понимает о чем я говорю то вот мой сайт www.tyremarket.su а вот то что хочу сделать


Единственное что приходит в голову это создать эти самые колонки и придать им цвет или изображение, но чтобы они отоброжались на всех страничках сайта.

Друзья, если кому не трудно поделится кодом, и подсказать в какой css его нужно вставить и на какую строку буду очень признателен. :)

kulich

В глобал цсс увеличь ширину #page и всё содержимое смести на середину. Получатся отступы по краям, если я правильно понял вопрос.
Или уменьши ширину бок колонок/центр колонки и также сделай отступы по краям.

Petya163

мне нужно закрасить эти самые отступы

kulich

Оберни page еще в один <div> со своим стилем. Этот див закрась цветом которым хочешь сделать свои колонки, а внутренний page закрась тем, который есть сейчас.

Petya163

это в global.css? дело в том что я еще пока новичок в программировании =(

coder


kulich

Ы, вопрос был проще чем я думал.
Вывод - читайте форумы трезвыми :)

Petya163

#7
Цитата: coder от 30 сентября 2013, 12:50:10
В /themes/default/css/global.css
body{
background: цвет;
}

меняет полностью фон =(



:(

kulich

Впиши сюда цвет который должен быть в центре.
page{background:цвет}

Petya163

#9
добейте меня плиз  ;D но на какой строке находится этот page, или его вписать полностью нужно?

kulich

Ближе к началу глобал цсс. Ищи что-то такое.
Примерно так
/* ************************************************************************************************
struture
************************************************************************************************ */
#page {background: #FFF; width:1200px}
#header {z-index:10}
#columns {z-index:1; min-height:551px;}
#left_column {}
#center_column {}
#right_column {}
#footer {
/*height:82px;
margin-top:-82px;*/
}


/* ************************************************************************************************
generic style
************************************************************************************************ */
body{

width:100%;
font:normal 11px/14px Arial, Verdana, sans-serif;
color:#222;
/*background:#fff*/
}

kulich

У тебя в файле на 41 строчке.

Petya163

оо, заработало!!! спасибо большущее)