Перейти к содержимому


Цвет Фона Вокруг Товара

цвет фона вокруг товара

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 PGV

PGV

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 18 Декабрь 2013 - 09:27

Доброго утра, Господа) выручайте, как сделать фон белого цвета вокруг товара... подробнее вопрос указан во вложении.

Прикрепленные изображения

  • Новый рисунок.jpg


#2 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 18 Декабрь 2013 - 09:33

Здравствуйте! Найдите в файле main.css файл
.goodstable .maingoodstable { background:#f6f4eb; padding: 9px 0.2% 10px 2%; -moz-border-radius:0 8px 8px 8px; -webkit-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px;}
и замените его на
.goodstable .maingoodstable { background: #FFFFFF; padding: 9px 0.2% 10px 2%; -moz-border-radius:0 8px 8px 8px; -webkit-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px;}


#3 PGV

PGV

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 18 Декабрь 2013 - 10:02

Просмотр сообщенияempty9228 (18 Декабрь 2013 - 09:33) писал:

Здравствуйте! Найдите в файле main.css файл
.goodstable .maingoodstable { background:#f6f4eb; padding: 9px 0.2% 10px 2%; -moz-border-radius:0 8px 8px 8px; -webkit-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px;}
и замените его на
.goodstable .maingoodstable { background: #FFFFFF; padding: 9px 0.2% 10px 2%; -moz-border-radius:0 8px 8px 8px; -webkit-border-radius:0 8px 8px 8px; border-radius:0 8px 8px 8px;}

на скрине видно то что осталось... как и это убрать?

Прикрепленные изображения

  • Новый рисунок5.png


#4 empty9228

empty9228

    Активный участник

  • Модератоpы
  • 618 сообщений

Отправлено 18 Декабрь 2013 - 11:19

Это не получится убрать, потому что та часть подложки и стрелка это одна картинка, измените её цвет не получится.

#5 PGV

PGV

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 18 Декабрь 2013 - 12:41

Просмотр сообщенияempty9228 (18 Декабрь 2013 - 11:19) писал:

Это не получится убрать, потому что та часть подложки и стрелка это одна картинка, измените её цвет не получится.


тогда следующие вопросы:

Подробности на скрине

Прикрепленные изображения

  • Новый рисунок.jpg


#6 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 18 Декабрь 2013 - 17:44

Для изменения цвета желтой полоски вам понадобится изменить цвет в нескольких местах.
В разделе Редактор шаблонов. Картинку bar-bg.jpg.

В коде main.css
Код:
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg') center top repeat-x #E09814; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
Заменить:
#bar { background: url('{ASSETS_IMAGES_PATH}bar-bg.jpg') center top repeat-x #E09814 /* цвет в rgb */; height: auto; width: 100%; z-index:22; -moz-border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; border-radius: 0 0 1em 1em; }
в коде нужно будет задать цвет в rgb

#7 Serik34

Serik34

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 16 Июль 2014 - 13:36

(SL-301941) Помогите изменить цвет фона или подложки (это куда вставляется картинка) как ее правильно обозвать. Во вложении стрелкой показал

Прикрепленные изображения

  • Безымянный.png


#8 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июль 2014 - 13:54

Просмотр сообщенияSerik34 (16 Июль 2014 - 13:36) писал:

(SL-301941) Помогите изменить цвет фона или подложки (это куда вставляется картинка) как ее правильно обозвать. Во вложении стрелкой показал

В main.css найдите:
#content .product .leftpart .fullimg a {
display: block;
padding: 5px;
}

и замените на:
#content .product .leftpart .fullimg a {
display: block;
padding: 5px;
background: #000000;
}

где #000000 - код фонового цвета

#9 Serik34

Serik34

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 16 Июль 2014 - 14:36

Просмотр сообщенияMikDark (16 Июль 2014 - 13:54) писал:

В main.css найдите:
#content .product .leftpart .fullimg a {
display: block;
padding: 5px;
}

и замените на:
#content .product .leftpart .fullimg a {
display: block;
padding: 5px;
background: #000000;
}

где #000000 - код фонового цвета
А вместо background: #000000; можно мне вставить фото например такое см. вложение, т.к. кода цвета такого нету или что-то подобие

Прикрепленные изображения

  • Безымянный.jpg


#10 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июль 2014 - 14:44

Просмотр сообщенияSerik34 (16 Июль 2014 - 14:36) писал:

А вместо background: #000000; можно мне вставить фото например такое см. вложение, т.к. кода цвета такого нету или что-то подобие

Тогда будет накладываться изображение на изображение и будет выглядеть плохо.

#11 Serik34

Serik34

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 16 Июль 2014 - 15:03

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

#12 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июль 2014 - 15:08

Просмотр сообщенияSerik34 (16 Июль 2014 - 15:03) писал:

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

Тогда можно. Загрузите изображение сетки в раздел Сайт - Редактор шаблонов, далее вместо #000000; напишите: url({ASSETS_IMAGES_PATH}bg.png);

где bg.png - имя загруженного изображения




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных