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

[Антон1212]

Добрый день. Подскажите как вставить свой фон по бокам, как на скриншоте, тоесть шапку тоже по бокам обрезать, а подвал оставить? Переместить поиск и контакты(скриншоты) Спасибо

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

• 

[Vaccina]

1. В main.css найдите:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}

замените на:

#headerWrap {height: 150px;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
#contentWrap {clear: both;}
#content {width: 960px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}

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

body {
  font-size: 75%; /* convert 16px base font size to 12px */
  line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  background-color: #FFF;
  color: #666;
}

в него вставьте стиль фона background с необходимым значением.

2. В main.css найдите:

#searchPanel {
	position: absolute;
	right: 10px;
	top: 15px;
}

замените на:

#searchPanel {
	bottom: 5px;
	position: absolute;
	right: 10px;
}

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

#contactInfo {
  font-size: 1.2em;
  left: 330px;
  position: absolute;
  top: 5px;
}

замените на:

#contactInfo {
	font-size: 1.2em;
	position: absolute;
	right: 0;
	top: 5px;
}

[Антон1212]

Vaccina (28 Февраль 2015 - 01:38) писал:

1. В main.css найдите:

#headerWrap {height: 150px;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;}
#contentWrap {clear: both;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}
#content {width: 960px;margin: 0 auto;}

замените на:

#headerWrap {height: 150px;}
#header {position: relative;width: 960px;height: 150px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}header_bg.jpg?design=mokko) repeat-x;}
#contentWrap {clear: both;}
#content {width: 960px;margin: 0 auto;background: url({ASSETS_IMAGES_PATH}contentWrap_bg.jpg?design=mokko) repeat-x left bottom;}

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

body {
font-size: 75%; /* convert 16px base font size to 12px */
line-height: 1.6666em; /* 20px (12 x 1.6666 = 20) */
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
background-color: #FFF;
color: #666;
}

в него вставьте стиль фона background с необходимым значением.

2. В main.css найдите:

#searchPanel {
position: absolute;
right: 10px;
top: 15px;
}

замените на:

#searchPanel {
bottom: 5px;
position: absolute;
right: 10px;
}

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

#contactInfo {
font-size: 1.2em;
left: 330px;
position: absolute;
top: 5px;
}

замените на:

#contactInfo {
font-size: 1.2em;
position: absolute;
right: 0;
top: 5px;
}

Как же я рад Вас видеть… А то с самого утра все модераторы обходили стороной мои темы))
Изменения произвел, спасибо. Если успею, то еще пару вопросов в этой теме задам. А пока, если будет время, помогите плиз мне вот в этой теме http://forum.storela...ка/page__st__40 , там пара вопросов всего, а то впереди выходные, никого наверное не будет тут... Спасибо)