Помощь Дизайн сайта

Alekskol135

Постоялец
Регистрация
15 Апр 2013
Сообщения
65
Реакции
10
Подскажите пжл. Видел несколько сайтов с картинкой в шапке сайта. Вот например Для просмотра ссылки Войди или Зарегистрируйся. Подскажите пжл как здесь добавили картинку в шапку на задний фон.
И еще может кто то знает что это за меню с популярным товаром:)
 

Вложения

  • шапка.jpg
    шапка.jpg
    488,9 KB · Просмотры: 61
Сайт на основе Bitrix'a
/*========================
POWERED BY BIS-EXPERT.COM
=========================*/
Фон вставляется через стили.
Для просмотра ссылки Войди или Зарегистрируйся
background: #fff url(images/eshop/bg-body-white.jpg) no-repeat top center;

Меню похоже на MegaMenu
 
Да все верно, только это не картинка в шапке, а картинка всего фона.

Для того что бы сделать фон похожий на этот, просто редактируй стили:
.....\catalog\view\theme\default(или имя твоего шаблона)\stylesheet\stylesheeе.css

Примерно строка под номером 6:
Код:
body {
    background: #666666;   /* Фон будет тёмно-серого цвета */
        ...
        ...
        ...
}

или например

Код:
body {
    background: url(путь к твоей картинке); /* На фоне будет изображение которое ты укажешь */
        ...
        ...
        ...
}

Более подробно Для просмотра ссылки Войди или Зарегистрируйся

Вот как то так =)
 
блин пробовал как вы писали добавлял ссылку - ничего неполучается
 

Вложения

  • stylesheet.rar
    5,2 KB · Просмотры: 2
в чем могут быть бока
 
Блин у меня неработает. Думаю из-за того что я добавил полоску в шапку Для просмотра ссылки Войди или Зарегистрируйся
 
catalog/view/theme/default/stylesheet/stylesheet.css

Код:
html {
    overflow: -moz-scrollbars-vertical;
    margin: 0;
    padding: 0;
    background: url('../image/fon.jpg');
-moz-background-size:cover; /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:102% auto; /* Opera 9.5 */
-webkit-background-size:102% auto; /* Safari 3.0 */
-khtml-background-size:cover; /* Konqueror 3.5.4 */
background-size:cover; /* CSS3 */

и не забудь в папку image добавить картинку с фоном fon.jpg
 
Поставить фоновое изображение нужному блоку, у вас не сильно различаются слои, попробуйте по их примеру. Ваша полоска в шапке не должна ни чему мешать, но я не верстальщик, на первый взгляд там все довольно просто.


6e8ab434343d769fc158fae4f9c8446a.png
74f4f05562f1d01618ffb7ccfa65921b.png
 
Для просмотра ссылки Войди или Зарегистрируйся

сделал как вы указали. без изменений. Единственное когда захожу на сайт появляется картинка и сразу пропадает:(
Либо если в body
background: #fff url('../image/fon.jpg')
то меняется заливка везде, а я хочу только в шапке
 
Для просмотра ссылки Войди или Зарегистрируйся

сделал как вы указали. без изменений. Единственное когда захожу на сайт появляется картинка и сразу пропадает:(
Либо если в body
background: #fff url('../image/fon.jpg')
то меняется заливка везде, а я хочу только в шапке

Зачем указывать такую большую картинку 1800 x 2000 , если можно просто задать позиционирование фону ?
HTML:
background: #fff url('../image/fon.jpg') no-repeat center top;
 
Назад
Сверху