В теме одно сообщение

[Jabbet]

Доброго всем дня участником проекта Storeland.
Долго думал на какой базе остановится и нашел Вашу. Пройдясь по форуму увидел отзывчивую поддержку(редкость). И надумал создаваться у Вас. И сразу возникло множество вопросов, пожалуйста, не оставьте без внимания и помощи, Вас, как специалистов это не должно сильно напрягать. А нам приятно !)

1 - Как подвалу (Сейчас он серый) Поставить свой фон ? Какие нужно задавать размеры что бы отображение сайта на всех мониторах было одинаково и подвал не гулял.

2 - Я так понял, что под цифрой 2 это шапка если да то, скажите можно ли как то увеличить расстояние под 2.1

3 - Как изменить под цифрой 3 фон, сделать его своим ?

И то что я выделил синим цветом, это тоже картинка ? Точнее фон ? (Если да то какие у них названия ?

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

• 

[sengun]

Здравствуйте! Во-первых, хочу Вам посоветовать поменять все ссылки в вашем коде на шаблонные. Сейчас они у вас вида

url(http://7free.ru/web/upload/assets/images/150/149839/footer.jpg)
src="http://7free.ru/web/upload/assets/images/150/149839/znathki.png"

Это чревато возможными последствиями: например, сайт, на который вы ссылаетесь, прекратит свое существование, или ввиду стороннего вмешательства на месте ваших картинок могут оказаться совсем другие.
Т.е. ссылки должны быть вида

url ({ASSETS_IMAGES_PATH}footer.jpg)

Так будут выводиться изображения, которые вы загрузили у себя в бэк-офисе. Но это не фатально, это просто рекомендация.
А теперь по делу.
1. В файле HTML есть строка

<div style="z-index:1;background: url(http://7free.ru/web/upload/assets/images/150/149839/footer.jpg) no-repeat center top; position:relative; padding:0px; margin: 0px auto; height: 298px; ">

Здесь background: url(http://7free.ru/web/...9839/footer.jpg) - ссылка на картинку подвала. Вы можете поменять ее на другую или задать сплошную заливку, например, так:

background: black no-repeat center top;

А если хотите фону назначить фиксированную ширину, то в этой же строке перед закрывающейся кавычкой добавьте атрибут:

width: 1000px;

Здесь 1000px - ширина подвала в пикселях. Меняйте значение по своему усмотрению.
2. Под цифрой 2 действительно располагается блок, именуемый "шапкой". Чтобы увеличить расстояние 2.1 следуйте инструкции: в файле HTML найдите

<div style="background: url(http://7free.ru/web/upload/assets/images/150/149839/fonkon.png); width:959px; min-height: 700px; padding-top:30px;">

замените на

<div style="background: url(http://7free.ru/web/upload/assets/images/150/149839/fonkon.png); width:959px; min-height: 700px; padding-top:70px;">

Далее ищите

<div style=" position:absolute; left:50%; margin:0 0 0px -494px; background: url(http://7free.ru/web/upload/assets/images/150/149839/menu.png); top: 150px; height: 85px;width:994px;">

замените на

<div style=" position:absolute; left:50%; margin:0 0 0px -494px; background: url(http://7free.ru/web/upload/assets/images/150/149839/menu.png); top: 190px; height: 85px;width:994px; z-index: 3;">

Далее

<div style="position:absolute; left:50%; margin-left:260px; top: 130px; ">

замените на

<div style="position:absolute; left:50%; margin-left:260px; top: 130px; z-index: 9;">

Далее

<div style="position:absolute; margin-left:-230px; width:580px; left:50%; top: 169px; " class="bar"><ul>

замените на

<div style="position:absolute; margin-left:-230px; width:580px; left:50%; top: 209px; z-index: 9;" class="bar"><ul>

Далее

<div style="z-index:3; height: 217px;width:232px;position:absolute; margin-left:-467px; left:50%; top: 30px; background: url(http://7free.ru/web/upload/assets/images/150/149839/logo.png);">

замените на

<div style="z-index:3; height: 217px;width:232px;position:absolute; margin-left:-467px; left:50%; top: 70px; background: url(http://7free.ru/web/upload/assets/images/150/149839/logo.png);"><a style=" height: 217px; width: 232px; display:block; " href="http://s811214.storeland.ru/">

Далее

<div class="ugol2" style=" position:absolute; left:50%; margin:0 0 0px -474px; background: #fff; top: 142px; height: 15px;width:954px;">

замените на

<div class="ugol2" style=" position:absolute; left:50%; margin:0 0 0px -474px; background: #fff; top: 182px; height: 15px;width:954px;">

Вообще код у Вас весьма своеобразный.

3. Это вы уже научились делать, мы заметили.
4. Это не картинки. Но у этого есть фон. Вы можете воспользоваться средствами Вашего браузера и найти код, отвечающий на соответствующие элементы страницы.