[Помогите] Узор прилипающий к блокам.

Тема в разделе "OpenCart", создана пользователем IgorVS, 5 дек 2013.

  1. IgorVS

    IgorVS

    Регистрация:
    23 окт 2013
    Сообщения:
    74
    Симпатии:
    17
    Привет всем.
    Значит есть такая задача, по краям колонок создать узор, прилипающий к колонкам, вот так.
    [​IMG]
    Если я его делаю фоном вот так, в /catalog/view/theme/default/stylesheet/stylesheet.css вставил.
    HTML:
    body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #ffffff;
    background-image: url('../image/узор.jpg'), url('../image/узор.jpg');
    background-position:left, right;
    background-repeat: repeat-y, repeat-y;
    }
    То при уменьшении размеров экрана узор уплывает под блоки. А он должен быть всегда скраю.
    Как осуществить задумку, ума неприложу. Подскажите как сделать нужное.
    Благодарю всех откликнувшихся.
     
  2. SmileOk

    SmileOk

    Регистрация:
    29 янв 2013
    Сообщения:
    84
    Симпатии:
    27
    Можно адрес сайта?
     
    IgorVS нравится это.
  3. IgorVS

    IgorVS

    Регистрация:
    23 окт 2013
    Сообщения:
    74
    Симпатии:
    17
    Делаю на домашнем сервере без в интернет выхода.
    Уже разобрался.
    В /catalog/view/theme/default/stylesheet/stylesheet.css вставил.
    HTML:
    body {
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #ffffff;
    background-image: url('../image/узор.png');
    background-position: center top;
    background-repeat: no-repeat;
    }
    Делаю картинку узор на весь экран с прозрачным фоном и уже на ней двигаю узор куда надо.
    В таком виде при изменении размера экрана меняется и размер картинки и разположение узора относительно колонок остаётся постоянным.
     
  4. halfhope

    halfhope

    Регистрация:
    31 дек 2012
    Сообщения:
    285
    Симпатии:
    312
    Можно еще посмотреть в сторону
     
    HPlus и IgorVS нравится это.
  5. ctrogan

    ctrogan

    Регистрация:
    24 ноя 2013
    Сообщения:
    46
    Симпатии:
    28
    На планшетах, сотовых и нетбуках картинки обрезаться будут с таким кодом. Вы наверно не размер экрана, а его расширение меняли и все нормально отображалось, а вот если поменяете физический размер экрана (его диагональ) то картинка обрезаться будет.
     
  6. IgorVS

    IgorVS

    Регистрация:
    23 окт 2013
    Сообщения:
    74
    Симпатии:
    17
    Можно конечно, но это на любителя. Фон ставишь один раз, так что настроить его в ручную труда несоставляет. Я разбирался с настройками с нуля минут пятнадцать, фон подбирал и прорисовывал несколько часов как минимум. Так что труд по настройке мизирный, в основном труд художника тут.
    Будет, но в данном случае без разницы. Оформление зделано на базе стандартной темы без адаптации и резиновой разтяжки. Поэтому на экранах шириной 4 на 3 и уже места для узора попросту нет. В конечном варианте подобрал разположение так, что бы на экране стандартном и уже узора видно небыло, а как экран становится на шаг шире, так узор сразу становится виден.
    Переделывать шаблон желание и возможности нет. Если знаешь как зделать на адаптивном шаблоне, то подскажи.
    Вообще была ещё мысль зделать две дополнительные колонки для разположения в них узора. Но это имеет смысл в адаптивном или резиновом шаблоне, да ещё к этому надо перебрать стандартный, что бы изменения были не в ущерб читаемости текстов.