Как добавить рамку вокруг сайта?

Question

[Александр Новиков]

Народ привет!Создаем сайт на WP с Bootstrap 3.
Как нам правильнее сайт поместить в рамку? Типо как на скрине.

Пробовали background-image но что то как то не работает толком.
Правильнее вырезать кусочек и его повторять?
Спасибо

Answer 1

[Eugene Chefranov]

Такое легко седелать через border-image https://webref.ru/css/border-image

Answer 2

[Монти Пайтон]

IE10+ Рамка вокруг элемента

Свойство border-image разрезает изображение на 9 секций, как "крестики-нолики", затем оно помещает углы по углам, а среднюю секцию повторяет

Или для более старых браузеров нужно поделить изображение на 8+1 частей включая центральное, боковые (не угловые) должны быть переделаны в повторяющуюся текстуру.

P.S. если вы слышали чтото про текстурирование, то в связке с вэбом для вас не будет ничего трудного.

Answer 3

[lukoie]

1 У Вас стоковое изображение с водяным знаком. Либо купить его, либо заказать у дизайнера нарисовать "типа такое же".
2 Изображение такое желательно в СВГ сделать
3 Отдельно для верхней границы, отдельно для нижней, правой и левой. При этом изображения должны либо растягиваться, либо повторяться, чтобы выглядело норм на любой ширине и высоте окна браузера.
4 на фоне есть еще серенькие ромашки. Их сделать отдельно.
5 Быть готовым что некоторые ромашки могут обрезаться наполовину в местах стыка.

Answer 4

[Александр Новиков]

Нет ли решений без border-image ?

Comments

[Монти Пайтон]

разрезать на 9 кусков, и флоатами