Как реализовать рваный край с градиентным фоном

[Zverushka]

Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....

Edited October 24, 2013 by Zverushka

[Bassline]

Не совсем понятен вопрос, в каком формате это изображение? В смысле оно сделано слоями в psd или это цельная картинка.

Если верхнюю темную часть, то там есть повторы через каждые три... эээ... кустика. Репитом их по иксу.

Светлый фон тоже повторяется в некоторых местах, тоже можно разрезать и размножить по горизонтали.

Edited October 24, 2013 by Bassline

[Zverushka]

Конечно это кусок из шаблона psd, там все по слоям.

Разрезать фоны то не проблема на куски для градиента. Но эти фоны повторяются неограничено по х и у - блоки совершенно разной высоты и ширины могут быть.

Edited October 24, 2013 by Zverushka

[Bassline]

Конечно это кусок из шаблона psd, там все по слоям.

Разрезать фоны то не проблема на куски для градиента. Но эти фоны повторяются неограничено по х и у - блоки совершенно разной высоты и ширины могут быть.

Тогда нужна полная картинка. Я, например, не совсем понимаю о чем речь.

[Zverushka]

https://st.fl.ru/projects/upload/201310/f_52552679b830ba15.png

[Bassline]

С темными полосами проблем не должно быть. А светлый градиент и по вертикали повторяется. Кроме раздела Наши работы, но и там можно с минимальными потреями обрезать.

Edited October 24, 2013 by Bassline

[SelenIT]

Повторяющаяся коричневая полоса с формой "сделать заказ", по-моему, вполне фиксированной высоты. Я бы, честно говоря, сделал повторяющийся кусок одной PNGшкой с прозрачными вырезами зубцов, и заставил всю полосу чуть накладываться на предыдущий/следующий блок через margin: -10px 0; position: relative;. А шапку и первый блок, если не заморачиваться видом при отключенной графике и т.п., можно вообще одной картинкой сделать.