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

Тема в разделе "Opencart", создана пользователем Alekskol135, 9 авг 2013.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
Модераторы: ZiX
  1. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    Подскажите пжл. Видел несколько сайтов с картинкой в шапке сайта. Вот например http://prmag.com.ua/. Подскажите пжл как здесь добавили картинку в шапку на задний фон.
    И еще может кто то знает что это за меню с популярным товаром:)
     

    Вложения:

    • шапка.jpg
      шапка.jpg
      Размер файла:
      488,9 КБ
      Просмотров:
      61
  2. enrik

    enrik Создатель

    Регистр.:
    5 июн 2013
    Сообщения:
    11
    Симпатии:
    4
    Сайт на основе Bitrix'a
    /*========================
    POWERED BY BIS-EXPERT.COM
    =========================*/
    Фон вставляется через стили.
    http://prmag.com.ua/bitrix/templates/eshop_new/styles.css?1375867558
    background: #fff url(images/eshop/bg-body-white.jpg) no-repeat top center;

    Меню похоже на MegaMenu
     
  3. MiltErick

    MiltErick Писатель

    Регистр.:
    8 авг 2013
    Сообщения:
    5
    Симпатии:
    2
    Да все верно, только это не картинка в шапке, а картинка всего фона.

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

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

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

    Вот как то так =)
     
    www7sergey нравится это.
  4. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    блин пробовал как вы писали добавлял ссылку - ничего неполучается
     

    Вложения:

    • stylesheet.rar
      Размер файла:
      5,2 КБ
      Просмотров:
      2
  5. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    в чем могут быть бока
     
  6. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    Блин у меня неработает. Думаю из-за того что я добавил полоску в шапку http://h2oshop.com.ua
     
  7. limon77

    limon77 Постоялец

    Регистр.:
    15 май 2013
    Сообщения:
    69
    Симпатии:
    6
    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
     
  8. White_S

    White_S

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


    [​IMG][​IMG]
     
  9. Alekskol135

    Alekskol135 Постоялец

    Регистр.:
    15 апр 2013
    Сообщения:
    63
    Симпатии:
    10
    limon77

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

    Searching Man Постоялец

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