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


Помогите С Фоном


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

#1 moymagazin.storeland.ru

moymagazin.storeland.ru

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

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

Отправлено 29 Январь 2011 - 02:00

Хочу залить весь сайт http://fashionlife24.storeland.ru/ под один фон нижнюю и верхнюю часть сделал, а вот где код среднего фона найти не могу подскажите как это иожно сделать.
Часть под контент должна остаться белой
пример http://cms.template-.../magento_30729/

#2 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 29 Январь 2011 - 15:43

Для того чтобы прописать фон у центральной части и закрасить бока, будет достаточно прописать фон у:
.content_page {
  background: url(http://img.fashionlife24.storeland.ru/web/upload/assets/images/7/6104/content-page-br.gif) no-repeat 710px 68px;
  overflow: hidden;
  padding-bottom: 2em;
}

указав белый цвет фона, например так:
.content_page {
  background: #ffffff url(http://img.fashionlife24.storeland.ru/web/upload/assets/images/7/6104/content-page-br.gif) no-repeat 710px 68px;
  overflow: hidden;
  padding-bottom: 2em;
}

И указав цвет вашего основного фона у
#cpages
либо тега body

#3 Bonna

Bonna

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

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

Отправлено 15 Февраль 2011 - 20:54

Все, извините, уже нашла таблицу html цветов, подобрала  :rolleyes:

Сообщение отредактировал Bonna: 16 Февраль 2011 - 21:17


#4 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 20 Февраль 2011 - 20:19

Отпимальная вещь для подбора цвета без использования дополнительных программ: http://www.colorpicker.com/

#5 comfortoffice

comfortoffice

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

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

Отправлено 25 Февраль 2011 - 17:28

Просмотр сообщенияsupport (29 Январь 2011 - 15:43) писал:

Для того чтобы прописать фон у центральной части и закрасить бока, будет достаточно прописать фон у:
.content_page {
  background: url(http://img.fashionlife24.storeland.ru/web/upload/assets/images/7/6104/content-page-br.gif) no-repeat 710px 68px;
  overflow: hidden;
  padding-bottom: 2em;
}

указав белый цвет фона, например так:
.content_page {
  background: #ffffff url(http://img.fashionlife24.storeland.ru/web/upload/assets/images/7/6104/content-page-br.gif) no-repeat 710px 68px;
  overflow: hidden;
  padding-bottom: 2em;
}

И указав цвет вашего основного фона у
#cpages
либо тега body

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

#6 support

support

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

  • Модераторы
  • 3 686 сообщений
  • ГородМосква

Отправлено 01 Март 2011 - 15:20

Просмотр сообщенияcomfortoffice (25 Февраль 2011 - 17:28) писал:

1. Подскажите, это в редакторе тем нужно делать и где там ? я тоже хочу заменить фон на белый
Да, в редакторе тем, в файле main.csstemplate

Просмотр сообщенияcomfortoffice (25 Февраль 2011 - 17:28) писал:

2. как поменять цвет гоизонтальных кнопок меню?
Кнопки - это картинки, растянутые по горизонтали.
nav_item_bg.gif - фон кнопки слева тот что стоит в обычном состоянии. Справа тот, что отображается при наведении. Если поменять эту картинку думаю можно будет уже довольно сильно изменить цвет горизонтальных кнопок меню.

На всякий случай:
Код стилей в файле main.csstemplate, отвечающий за отображение этих кнопок:
/* main navigation ---------------------------------------------------------------- */
#mainNav {position: absolute;left: 5px;bottom: 0;height: 35px;background: url("{ASSETS_IMAGES_PATH}nav_bg.jpg") no-repeat;}
#mainNav table {float:left;border-collapse: collapse;border-spacing: 0;background: url("{ASSETS_IMAGES_PATH}nav_bg_right.gif") no-repeat bottom right;padding: 5px 5px 0 0;height: 30px;margin:auto;}
#mainNav table td {padding:5px 0 0 2px;}
#mainNav table td.first {padding-left: 5px;}
#mainNav table td.last {padding-right: 5px;}
#mainNav table td div {float:left;font-size: 1.25em;line-height: 1.3333em;height: 30px;background: #FFF url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a:link,
#mainNav table td div a:visited {display: block;height: 26px;color: #666;padding: 4px 10px 0 10px;background: url("{ASSETS_IMAGES_PATH}nav_item_bg.gif") repeat-x bottom left;}
#mainNav table td div a.selected,
#mainNav table td div a:hover,
#mainNav table td div a:active {color: #D0431D;text-decoration: none;background-position: bottom right;}





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

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