Сообщений в теме: 3

[MadamFodjo]

Добрый вечер, попробовала сменить белый фон сайта на картинку - получилось красиво, но она копируется и дублируется до самого конца страницы, как сделать так, чтобы картинка стояла на месте, а двигался только центр с товарами? как вот на этом сайте http://good4hobby.ru/, со своего сайта я картинку пока убрала, оставила белый фон, чтоб посетители не удивлялись. мой сайт comby-nn.ru, хотелось бы вставить в фон вот эту картинку по бокам, а центр белым оставить, а то будет нечитабельным текст.

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

• 

[Сake]

Для реализации подобного фона вам понадобиться сделать следующее - в файле стилей main.css найдите

body {
	background-color: #212121;
	min-width: 960px;
}

и замените на

body {
  background: url("{ASSETS_IMAGES_PATH}bg.jpg") repeat fixed center top;
  min-width: 960px;
}

далее найдите

#wrapper {
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

и замените на

#wrapper {
	padding-bottom: 10px;
}

далее найдите

#cpages {
	background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0 80px;
	padding-top: 10px;
}

и замените на

#cpages {
	background: #FFFFFF;
	border-radius: 6px;
	padding-top: 10px;
}

после этого загрузите изображение вашего фона в раздел редактора тем. Имя изображения должно быть быть задано как bg.jpg. Если имя будет отличаться, то вам потребуется изменить имя изображения в классе body.

[MadamFodjo]

Сake (06 Ноябрь 2013 - 00:33) писал:

Для реализации подобного фона вам понадобиться сделать следующее - в файле стилей main.css найдите

body {
background-color: #212121;
min-width: 960px;
}

и замените на

body {
background: url("{ASSETS_IMAGES_PATH}bg.jpg") repeat fixed center top;
min-width: 960px;
}

далее найдите

#wrapper {
background-color: #FFFFFF;
padding-bottom: 10px;
}

и замените на

#wrapper {
padding-bottom: 10px;
}

далее найдите

#cpages {
background: url("{ASSETS_IMAGES_PATH}cpage-top-bg.jpg") no-repeat 0 80px;
padding-top: 10px;
}

и замените на

#cpages {
background: #FFFFFF;
border-radius: 6px;
padding-top: 10px;
}

после этого загрузите изображение вашего фона в раздел редактора тем. Имя изображения должно быть быть задано как bg.jpg. Если имя будет отличаться, то вам потребуется изменить имя изображения в классе body.

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

2. как можно редактировать толщину и цвет рамок, в которых отображаются фотографии товаров?

сайт мой comby-nn.ru

[miyako]

MadamFodjo (06 Ноябрь 2013 - 01:42) писал:

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

2. как можно редактировать толщину и цвет рамок, в которых отображаются фотографии товаров?

сайт мой comby-nn.ru

1) Найдите код в main.css -

#cpages {
background: #FFFFFF;
border-radius: 6px;
padding-top: 10px;
}

и замените на  -

#cpages {
border-radius: 6px;
padding-top: 10px;
}

Далее найдите код в main.css -

.cont250 {
width: 250px;
}

и замените на -

.cont250 {
width: 250px;
background: #FFFFFF;
}

2) В main.css найдите код -

.withBorder {
border: 1px solid #E5E5E5 !important;
}

1px измените на 2px и "размер" рамки увеличиться
#E5E5E5 - цвет