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

[Antsupov Vyacheslav]

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

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

• 

[Danil]

Antsupov Vyacheslav (09 Январь 2015 - 16:40) писал:

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

1) В конец main.css добавьте

ul#main_nav {
display: block;
width: 600px;
}

так же найдите

#header .links {
background: #f5f5f5;
clear: both;
float: none;
margin: 0 auto;
padding-right: 10px;
width: 600px;
}

и замените на

#header .links {
background: #f5f5f5;
clear: both;
float: none;
margin: 0 auto;
width: 1200px;
}

2) Из-за структуры данного шаблона, не получится дотянуть фон до границы, но можно заполнить их другим фоновым рисунком или цветом.
Для этого в main.css найдите код

.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #f5f5f5;
}

и замените background-color: #f5f5f5;

[Antsupov Vyacheslav]

Спасибо за помощь!
А вот если устанавливать картинку вместо фона, то какое разрешение нужно использовать? и как вообще установить фон?

[Taisia]

уточните, у вас будет маленькое изображение которое будет дублироваться создавая фон или одна большая картинка которая должна быть зафиксирована в качестве фона ?

[Antsupov Vyacheslav]

Одна большая картинка которая будет зафиксированная в качестве фона
Что-то на подобии

[Taisia]

вам нужно указать для фона параметры

no-repeat fixed

этот вопрос рассмартривался в этой теме

[Antsupov Vyacheslav]

Здравствуйте скачайте картинку и загрузите на ваш сайт
найдите в main.css и удалите строку
#wrapper {
background: url('http://australia.sto.../site_templates') no-repeat fixed center top #F2F2F2;
}
найдите
#wrapper{width:100%}
замените на
#wrapper{width:100%;background: url('{ASSETS_IMAGES_PATH}ваша картинка.jpg') no-repeat fixed center top #F2F2F2;}
Я не могу найти вообще такие коды...
Там объясняет так.

[Alekseys]

Antsupov Vyacheslav (10 Январь 2015 - 13:16) писал:

Здравствуйте скачайте картинку и загрузите на ваш сайт
найдите в main.css и удалите строку
#wrapper {
background: url('http://australia.sto.../site_templates') no-repeat fixed center top #F2F2F2;
}
найдите
#wrapper{width:100%}
замените на
#wrapper{width:100%;background: url('{ASSETS_IMAGES_PATH}ваша картинка.jpg') no-repeat fixed center top #F2F2F2;}
Я не могу найти вообще такие коды...
Там объясняет так.

Загрузите нужное изображение в редакторе шаблонов (кнопка Добавить файлы в нижней левой части экрана) и назовите название изображения.

[Ирина345]

Antsupov Vyacheslav (10 Январь 2015 - 13:16) писал:

Здравствуйте скачайте картинку и загрузите на ваш сайт
найдите в main.css и удалите строку
#wrapper {
background: url('http://australia.sto.../site_templates') no-repeat fixed center top #F2F2F2;
}
найдите
#wrapper{width:100%}
замените на
#wrapper{width:100%;background: url('{ASSETS_IMAGES_PATH}ваша картинка.jpg') no-repeat fixed center top #F2F2F2;}
Я не могу найти вообще такие коды...
Там объясняет так.

Здравствуйте, найдите в main.css

#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background: url(2.gif);
overflow: inherit;
}

замените на

#container {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
background: url('{ASSETS_IMAGES_PATH}ваша картинка.jpg') no-repeat fixed center top #F2F2F2;
overflow: inherit;
}

[Antsupov Vyacheslav]

какое разрешение нужно использовать для картинки?

[Alekseys]

Antsupov Vyacheslav (10 Январь 2015 - 13:29) писал:

какое разрешение нужно использовать для картинки?

Желательно 1920х1080px

[Antsupov Vyacheslav]

фон как-то не доходит..

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

• 

[Alekseys]

Antsupov Vyacheslav (10 Январь 2015 - 13:43) писал:

фон как-то не доходит..

В main.css замените

#module_area {
background: #1c1c1c;
padding: 0;
text-align: center;
width: 100%;
}

на

#module_area {
padding: 0;
text-align: center;
width: 100%;
}

и

#header {
position: relative;
z-index: 99;
background-color: #ffffff;
border-top: 3px solid #ff0551;
}

на

#header {
position: relative;
z-index: 99;
border-top: 3px solid #ff0551;
}

[Antsupov Vyacheslav]

Получилось! Спасибо
а вот где располагается верхнее меню
там  белая полоса.
Можно ли туда вставить картинку или изменить цвет.?

[Alekseys]

Antsupov Vyacheslav (10 Январь 2015 - 14:01) писал:

Получилось! Спасибо
а вот где располагается верхнее меню
там  белая полоса.
Можно ли туда вставить картинку или изменить цвет.?

В main.css измените или удалите в

#header .links {
background: #f5f5f5;
clear: both;
float: none;
margin: 0 auto;
width: 1200px;
}

и в

.header_top {
width: 100%;
margin: 0 auto;
min-height: 40px;
background-color: #f5f5f5;
}

параметры background: #f5f5f5; и background-color: #f5f5f5;

[Antsupov Vyacheslav]

Спасибо
а центральная картинка на сайте ( у меня ввиде неба и деревьяв). Я забыл какой там предпочтительно размер использовать..
Подскажите

[Ирина345]

Antsupov Vyacheslav (10 Январь 2015 - 14:25) писал:

Спасибо
а центральная картинка на сайте ( у меня ввиде неба и деревьяв). Я забыл какой там предпочтительно размер использовать..
Подскажите

в ширину 1200px на 500px