Как изменить боковые колонки? - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Всего: 4 < 1 2 3 4 >

Как изменить боковые колонки?

artyr_n
Cпециалист
Сообщений: 146
Регистрация: 07-04-2010

# 25

02-07-2010 05:27

у меня получилось так

Изображения:

Снимок-Fabricantes - Prestashop - Google Chrome.png - Размер файла387.41KB, Скачиваний: 488 (Нажмите для увеличения)

Вложения:

2bakg.zip( Размер файла: 1.78KB Скачиваний: 160 )

Щелкните, и это сообщение будет добавлено в ваш ответ как цитата

aa.seleznev
Новичок
Сообщений: 7
Откуда: Тюмень
Регистрация: 14-12-2009

# 26

04-07-2010 01:38

попробуй изменить в global.css

#page {
width: 1200px;
/*margin: 0 auto 2px auto;*/
margin: 0 0 0 0;
text-align: left
}

так ты изменишь ширину и отступы от краев

S.Pugich
Новичок
Сообщений: 32
Регистрация: 16-07-2010

# 27

17-07-2010 22:02

Увы, я так и не понял можно ли в global.css прописать 2 разные картинки для боковых полей шаблона и если да, не подскажете как?

антон
Профессионал
Сообщений: 437
Откуда: Санкт-Петербург
Регистрация: 05-12-2009

# 28

17-07-2010 22:52

У дефолтного шаблона НЕТ боковых полей. Есть общий фон и три колонки посередине.

Интернет-магазин товаров для йоги yogastuff.ru.
Шаблоны на престу - демо
Ещё один магазин йоги namaskar108.ru
Йога в Москве yogadog.ru

S.Pugich
Новичок
Сообщений: 32
Регистрация: 16-07-2010

# 29

18-07-2010 00:15

Похоже что я окончательно перегрелся - ну никак не могу корректно вписать в мой header.tpl картинку для правой сторны моего сайта http://www.babysecond.ru/

Может быть кто-то из опытных пользователей покажет что и куда нужно вписать?
Пример artyr_n мне не помог (или глаз замылился, или руки кривые...)

Мой текущий body в header.tpl:

<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

{if !$content_only}

<noscript><ul><li>{l s='This shop requires Javascript to run correctly. Please activate Javascript in your browser.'}</li></ul></noscript>
<div id="page">

антон
Профессионал
Сообщений: 437
Откуда: Санкт-Петербург
Регистрация: 05-12-2009

# 30

18-07-2010 01:54

перед <div id="page"> в header.tpl пишем

<div id="left">

в footer.tpl дописываем еще один </div> перед тегом </body>

в файле global.css добавляем

#left{
background:#FFFFCC url(../img/left.jpg) no-repeat right top;
}

все, так должно работать.

S.Pugich
Новичок
Сообщений: 32
Регистрация: 16-07-2010

# 31

18-07-2010 02:26

Цитата:( антон @ 18-07-2010 02:54 Смотреть сообщение )

Антон,
Похоже что мы уже близко к happy end(у) и думается мне что нужно подкорректировать только global.css (в .tpl вписал всё что вы написали)

Щас при загрузке шаблон "передёргивается" с левой картинки на правую и остаётся на правой.
Мой текущий body

padding: 0;
margin: 0
}

body {
background: #ffffcc url('../img/left.jpg') no-repeat left top;
font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
}
#left {
background:#FFFFCC url(../img/right.jpg) no-repeat right top;
font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
}

/* Useful */

Где косяк?

Сообщение отредактировано S.Pugich 18-07-2010 03:27 ...

антон
Профессионал
Сообщений: 437
Откуда: Санкт-Петербург
Регистрация: 05-12-2009

# 32

18-07-2010 02:45

#left Вот на это поменяй

#left {
background:url("../img/left.jpg") no-repeat scroll right top transparent;
}

S.Pugich
Новичок
Сообщений: 32
Регистрация: 16-07-2010

# 33

18-07-2010 03:03

Цитата:( антон @ 18-07-2010 03:45 Смотреть сообщение )

#left Вот на это поменяй

#left {
background:url("../img/left.jpg") no-repeat scroll right top transparent;
}

Антон, мои поклоны и респекты! :jump:

Сообщение отредактировано S.Pugich 18-07-2010 04:07 ...

Rokokos
Новичок
Сообщений: 1
Регистрация: 16-02-2011

# 34

16-02-2011 20:56

Добрый день.
Подскажите где найти файл глобал.css???

Всего: 4 < 1 2 3 4 >