Добрый день. Подскажите как вставить свой фон по бокам, как на скриншоте, тоесть шапку тоже по бокам обрезать, а подвал оставить? Переместить поиск и контакты(скриншоты) Спасибо
0
Все Мои Вопросы По Мокко Тут!
Автор Антон1212, 27 февр. 2015 09:36
Сообщений в теме: 2
#1
Отправлено 27 Февраль 2015 - 09:36
#2
Отправлено 28 Февраль 2015 - 01:38
1. В main.css найдите:
Далее найдите:
2. В 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; }
#3
Отправлено 28 Февраль 2015 - 01:56
Vaccina (28 Февраль 2015 - 01:38) писал:
1. В main.css найдите:
Далее найдите:
2. В 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 , там пара вопросов всего, а то впереди выходные, никого наверное не будет тут... Спасибо)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных