Создание фона для сайта

Как создать фон для сайта?

Всем привет уважаемые читатели блога Сам себе Seoшник!

В данной статье рассмотрим то, как создать собственный фон для сайта. Не будем вдаваться в дебри html-конструкций, рассмотрим рядовой сайт на базе CMS (joomla, wordpress). Как правило, каждый шаблон имеет свой фоновый рисунок, но он не всегда может вам нравиться. Тем более если вы сделаете собственный хедер и подредактируете цветовую гамму остальных элементов, то старый фон будет смотреться не очень хорошо и гармонично. Как же сделать собственный фон?

Обычно фоновый рисунок задается в css-файле следующим параметром - body{background: url (адрес изображения)}. Смотрите на название файла и ищите его в папке с изображениями. Скорее всего, он небольшой по размеру и повторяется много раз при помощи параметра repeat в css. Часто используются симметричные картинки – линии, полоски, точки. Открываете файл в фотошопе и увеличивайте масштаб в несколько раз, чтобы было видно каждый пиксель. Затем можно смело его редактировать – изменять цвет, закрашивать ненужные элементы. Главное, чтобы конечный файл остался симметричным.

Процесс создания фона

Можно поступить еще проще – скачать готовую картинку из сети. Вместо маленькой картинки, которая просто будет повторяться много раз, можно скачать одну большую. Но это не самый лучший вариант, так как она будет больше весить и увеличит время загрузки страниц. Еще можно просто вбить в поисковик фразу «фон для сайта» и в разделе поиска изображений вы обнаружите огромное количество хороших фонов. Также есть многочисленные онлайн-сервисы для генерации фона для сайта. Это PatternCooler.com, BgPatterns.com, Colourlovers.com, Stripegenerator.com и многие другие. При генерации картинки можно выбрать рисунок (его геометрию), цветовую гамму. В конце вы просто скачивайте готовый файл в нужном формате и прописываете путь к нему в css-файле.

Подписка на новые статьи блога!

автор: Ловцова Елена