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

[Bogdanovich4you]

Добрый день!
Нужно заменить фон шапки на изображение. Как это сделать и какого размера должно быть изображение (оно будет no-repeat)?

Аккаунт SL-358305
Интернет магазин: fanmi.ru

[Юля123]

Bogdanovich4you (10 Декабрь 2015 - 12:08) писал:

Добрый день!
Нужно заменить фон шапки на изображение. Как это сделать и какого размера должно быть изображение (оно будет no-repeat)?

Аккаунт SL-358305
Интернет магазин: fanmi.ru

Здравствуйте, в редакторе шаблонов добавьте изображение, то на которое хотите поменять фон. Далее в main.css найдите код:

#header {position: relative;padding: 32px 0 30px;}

и замените на код:

#header {position: relative;padding: 32px 0 30px; background: url("ссылка на картинку") no-repeat;}

"ссылка на картинку " меняете, соответственно. Таким образом Вы измените область, выделенную сиреневым.



Ширина изображения должна быть не меньше 1920px, высота около 250-270px

[Bogdanovich4you]

Юля123 (10 Декабрь 2015 - 12:21) писал:

Здравствуйте, в редакторе шаблонов добавьте изображение, то на которое хотите поменять фон. Далее в main.css найдите код:

#header {position: relative;padding: 32px 0 30px;}

и замените на код:

#header {position: relative;padding: 32px 0 30px; background: url("ссылка на картинку") no-repeat;}

"ссылка на картинку " меняете, соответственно. Таким образом Вы измените область, выделенную сиреневым.

QIP Shot - Screen 046.png

Ширина изображения должна быть не меньше 1920px, высота около 250-270px

Спасибо, теперь проблема в размере монитора, на разных мониторах шапка выглядит по разному, как решить сие?

[Firefly]

Bogdanovich4you (10 Декабрь 2015 - 13:38) писал:

Спасибо, теперь проблема в размере монитора, на разных мониторах шапка выглядит по разному, как решить сие?

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#header {position: relative;padding: 32px 0 30px; background: url("{ASSETS_IMAGES_PATH}shapka.png") no-repeat;}

Замените на:

#header {position: relative;padding: 32px 0 30px;background: url("{ASSETS_IMAGES_PATH}shapka.png") no-repeat;background-size: 100%;max-width: 2000px;}

[4erdack]

А можно ли изменить цвет только верхней строки - где перечислено меню и контакты? Хочу сделать по аналогии как здесь: http://demo49061.******.ru

[MikDark]

4erdack (08 Январь 2016 - 18:40) писал:

А можно ли изменить цвет только верхней строки - где перечислено меню и контакты? Хочу сделать по аналогии как здесь: http://demo49061.*****.ru

В шаблоне main.css Вам нужно найти код:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
}

и заменить на:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
background: #000000;
}

где #000000 - код цвета фона. Если голубая полоска сверху Вам будет не нужна, то в этом коде удалите: border-top: 5px solid #3cabda;

[4erdack]

MikDark (08 Январь 2016 - 21:05) писал:

В шаблоне main.css Вам нужно найти код:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
}

и заменить на:

#header-top {
height: 41px;
line-height: 36px;
border-top: 5px solid #3cabda;
position: relative;
background: #000000;
}

где #000000 - код цвета фона. Если голубая полоска сверху Вам будет не нужна, то в этом коде удалите: border-top: 5px solid #3cabda;

Просто супер, спасибо! Сейчас фон черный - а как мне сделать его темно-коричневым, чтобы соответствовал корпоративным цветам? Может быть я где-то могу сама смотреть цифровые обозначения цветов (#0000000), чтобы вас лишний раз не дергать?

[RayLi]

4erdack (09 Январь 2016 - 11:32) писал:

Просто супер, спасибо! Сейчас фон черный - а как мне сделать его темно-коричневым, чтобы соответствовал корпоративным цветам? Может быть я где-то могу сама смотреть цифровые обозначения цветов (#0000000), чтобы вас лишний раз не дергать?

Здравствуйте.
Для подборки цветов вы можете воспользоваться данным сайтом: http://www.stm.dp.ua.../color-html.php
Там вам необходимо выбрать подходящий цвет и скопировать его Код HTML , который устанавливается в вышеуказанный код заместо #0000000 .
Проверьте, пожалуйста.

[4erdack]

RayLi (09 Январь 2016 - 11:47) писал:

Здравствуйте.
Для подборки цветов вы можете воспользоваться данным сайтом: http://www.stm.dp.ua.../color-html.php
Там вам необходимо выбрать подходящий цвет и скопировать его Код HTML , который устанавливается в вышеуказанный код заместо #0000000 .
Проверьте, пожалуйста.

Спасибо! Это именно то, о чем я говорила, все получилось!