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

[Alekskol135]

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

 

[enrik]

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

Меню похоже на MegaMenu

 

[MiltErick]

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

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

Примерно строка под номером 6:

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

или например

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

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

Вот как то так =)

 

[Alekskol135]

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

 

[Alekskol135]

в чем могут быть бока

 

[Alekskol135]

Блин у меня неработает. Думаю из-за того что я добавил полоску в шапку Для просмотра ссылки Войди или Зарегистрируйся

 

[limon77]

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

 

[White_S]

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

 

[Alekskol135]

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

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

 

[Searching Man]

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

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

Зачем указывать такую большую картинку 1800 x 2000 , если можно просто задать позиционирование фону ?

background: #fff url('../image/fon.jpg') no-repeat center top;