Side Margin Background

Тема в разделе "OpenCart", создана пользователем ferments, 22 ноя 2012.

  1. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    Как можно поставить фон тока по бокам сайта?
    Типа так:
    [​IMG]
     
  2. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Обычно делают целой картинкой
    --- добавлено: 22 ноя 2012 в 18:14 ---
    Если нужны банеры- посмотри например тут http://www.mvideo.ru/ немного по другому. Изучи страницу в firebug
     
  3. Staff

    Staff Вечно сплю

    Регистрация:
    30 окт 2012
    Сообщения:
    71
    Симпатии:
    93
    Вариант это все таки целой картинкой. Делать не фиксированной а "резиновой"
     
  4. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Зачем резиновая картинка если сайт фиксированный?
     
  5. WildeRNS

    WildeRNS

    Регистрация:
    6 ноя 2012
    Сообщения:
    151
    Симпатии:
    112
    для разных разрешений мониторов
     
  6. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    При чем тут разрешение? Если у вас ширина сайта 990px. Делаем просто картинку в центре пустое место шириной 990px и по краям размещаем нужные изображения. Центрируем в css и все. И если надо наложением ссылки дивами
    --- добавлено: 22 ноя 2012 в 19:38 ---
    А вот если шаблон адаптивный нужно смотреть по факту.
     
  7. WildeRNS

    WildeRNS

    Регистрация:
    6 ноя 2012
    Сообщения:
    151
    Симпатии:
    112
    при всем, попробуйте угадайте разрешение у покупателей, и зачем делать две картинки, проще одной и сделать ее резиновый, например так:
    Код:
    body { margin:0px; padding:0px; background:#e8e8e8; font:11px Verdana, Arial; background-image:url("../image/bg.jpg"); background-position: top center; background-repeat:no-repeat; position: relative; background-size:100%; }
     
  8. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Во первых я говорил про одну картинку, вот пример.
    http://www.karmaloop.com/
    http://5.popovv.z8.ru/

    При использовании вашего метода у людей с большим разрешением изображение которое по задумке как бы из под сайта выходит разъедется по краям браузера.
    --- добавлено: 22 ноя 2012 в 19:53 ---
    Мы по моему о разных вещах говорим
     
  9. WildeRNS

    WildeRNS

    Регистрация:
    6 ноя 2012
    Сообщения:
    151
    Симпатии:
    112
    ладно, спорить не будем. оба варианты найдут свое применение :Smile:
     
  10. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    А каким размером тогд рисовать фон чтоб по бокам ровно вышло
     
  11. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Ширина сайта+ нужное вам изображение.
    И все же поясню по поводу резиновых изображений, если у человека маленькое разрешение экрана то естественно боковых картинок не будет. Это касается в том числе и мобильных устройств.
    Также автор топика уже весь мир озадачил этим вопросом))
    http://forum.opencart.com/viewtopic.php?f=21&t=47894&hilit=white+background+image
     
  12. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    body { margin:0px; padding:0px; background:#e8e8e8; font:11px Verdana, Arial; background-image:url("../image/bg.jpg"); background-position: top center; background-repeat:no-repeat; position: relative; background-size:100%; }[/quote]

    в коком файле это всё писать? stylesheet?
     
  13. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Да, найти в начале body и добавить туда что нужно
    --- добавлено: 22 ноя 2012 в 21:33 ---
    Только уберите position: relative; background-size:100%; это лишнее. Просто так и не понятно что вы именно хотите?
    --- добавлено: 22 ноя 2012 в 21:35 ---
    также таким способом можно добиться интересных решений с тенями и т.д.
     
  14. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    по бокам просто заделать зимний фон
     
  15. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Отлично!
     
  16. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    stylesheet изменил фаль на сайте не чего не изменилось не появился фон
     
  17. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Он на локале или на хосте?
    Картинка точно есть в папке с шаблоном?
     
  18. ferments

    ferments

    Регистрация:
    8 ноя 2012
    Сообщения:
    115
    Симпатии:
    2
    на хосте
    картинка есть
     
  19. v@dim

    v@dim

    Регистрация:
    31 окт 2012
    Сообщения:
    132
    Симпатии:
    21
    Вопрос решен. Все приведенное выше работает для разных типов бэкграудов.