Автор Тема: Боковой фон как в блогах  (Прочитано 1105 раз)

29 Сентябрь 2013, 20:31:25
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте уважаемые форумчане, давно бьюсь со своим вопросам, почитал все темы не форуме, пользовался поиском, гуглил и т.д, мой вопрос интересовал многих, но оставался открытым.

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

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


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

Друзья, если кому не трудно поделится кодом, и подсказать в какой css его нужно вставить и на какую строку буду очень признателен. :)
29 Сентябрь 2013, 20:45:16
Ответ #1
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В глобал цсс увеличь ширину #page и всё содержимое смести на середину. Получатся отступы по краям, если я правильно понял вопрос.
Или уменьши ширину бок колонок/центр колонки и также сделай отступы по краям.
29 Сентябрь 2013, 20:46:24
Ответ #2
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
мне нужно закрасить эти самые отступы
29 Сентябрь 2013, 20:54:18
Ответ #3
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Оберни page еще в один <div> со своим стилем. Этот див закрась цветом которым хочешь сделать свои колонки, а внутренний page закрась тем, который есть сейчас.
29 Сентябрь 2013, 20:58:25
Ответ #4
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
это в global.css? дело в том что я еще пока новичок в программировании =(
30 Сентябрь 2013, 12:50:10
Ответ #5
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33325
  • Репутация: +26771/-0
    • Просмотр профиля
В /themes/default/css/global.css
body{
background: цвет;
}
30 Сентябрь 2013, 13:51:27
Ответ #6
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Ы, вопрос был проще чем я думал.
Вывод - читайте форумы трезвыми :)
30 Сентябрь 2013, 19:26:14
Ответ #7
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В /themes/default/css/global.css
body{
background: цвет;
}
меняет полностью фон =(



 :(
30 Сентябрь 2013, 19:46:49
Ответ #8
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Впиши сюда цвет который должен быть в центре.
page{background:цвет}
30 Сентябрь 2013, 19:57:16
Ответ #9
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
добейте меня плиз  ;D но на какой строке находится этот page, или его вписать полностью нужно?
30 Сентябрь 2013, 20:11:36
Ответ #10
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Ближе к началу глобал цсс. Ищи что-то такое.
Примерно так
/* ************************************************************************************************
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*/
}
30 Сентябрь 2013, 20:19:16
Ответ #11
  • Старожил
  • ****
  • Сообщений: 293
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
У тебя в файле на 41 строчке.
30 Сентябрь 2013, 20:21:06
Ответ #12
  • Новичок
  • *
  • Сообщений: 12
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
оо, заработало!!! спасибо большущее)