Главная » CMS » BgPatterns — по чем нынче бекграунд для народа?

BgPatterns — по чем нынче бекграунд для народа?

Сегодня мне на глаза попался довольно интересный проект, помогающий легко и быстро создать необычный и красивый бекграунд для собственного сайта или блога. Все что нам остается сделать, — это подобрать нужные паттерны, применить к ним различные опции, выбрать цвет и т.п., скачать сгенерированное изображение и установить его в качестве фона для нашего сайта или блога.

Подробнее о возможностях .
Весь сайт состоит из 1 страницы по центру которой расположено окно с рабочей областью, все остальное занятое фоном. Слева в главном окне расположены элементы для кастомизации изображения для бекграунда. Справа же отображается превью финального фарианта, под которым есть 2 кнопки:

- «Preview on page». Позволяет применить созданную картинку непосредственно в качестве фона самого сайта BgPatterns.
- «Download image».Ну тут так-же все просто. По нажатию на данную кнопку, Вы начнете загрузку изображения на свой жесткий диск.

Вкладки. Подробнее


«Colors» — позволяет нам выбрать цвет фоновой заливки и цвет паттерна.


«Canvas» — позволяет выбрать одну из шести текстур для нанесения на изображение. Есть регулировка размеров и непрозрачности. Можно, например, вообще убрать текстуру, установив ей нулевую непрозрачность.


«Image» — Набор из 68 паттернов, на любой вкус. Подбираем нужный, регулируем непрозрачность, расположение паттерна и его размер.


«Rotation» — Регулируем угол наклона паттерна.

Остается только вопрос «как залить полученной картинкой фон?». А например вот-так (css):

background:url('images/bg.png') #000000 repeat;

Вот и все. Я надеюсь сервис окажется для тебя полезным.

Android on crack.

На правах рекламы!
За собственным автомобилем нужен присмотр и при необходимости ремонт. По этому нужно всегда знать где находится в Москве и как с ним связаться. Профессионалы сделают все качественно и с гарантией.

Запись опубликована в рубрике CMS, Интернет, Искусство с метками , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>