Привет всем. Значит есть такая задача, по краям колонок создать узор, прилипающий к колонкам, вот так. Если я его делаю фоном вот так, в /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; } То при уменьшении размеров экрана узор уплывает под блоки. А он должен быть всегда скраю. Как осуществить задумку, ума неприложу. Подскажите как сделать нужное. Благодарю всех откликнувшихся.
Делаю на домашнем сервере без в интернет выхода. Уже разобрался. В /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 на 3 и уже места для узора попросту нет. В конечном варианте подобрал разположение так, что бы на экране стандартном и уже узора видно небыло, а как экран становится на шаг шире, так узор сразу становится виден. Переделывать шаблон желание и возможности нет. Если знаешь как зделать на адаптивном шаблоне, то подскажи. Вообще была ещё мысль зделать две дополнительные колонки для разположения в них узора. Но это имеет смысл в адаптивном или резиновом шаблоне, да ещё к этому надо перебрать стандартный, что бы изменения были не в ущерб читаемости текстов.