Как сменить фон на блоге или сайте? Где бесплатно скачать фон для сайта?

Здравствуйте, уважаемые читатели моего блога!

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

Сегодня я Вам расскажу о том, как сделать, как сменить фон сайта (блога).

Как сделать или сменить фон сайта?

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

И так, фоном могут служить различные изображения (картинки), которые задаются в файле style.css.

На моем блоге фон определен здесь:

Эта строка означает, что для фона (baground) используется изображение bg_fon.png, которое расположено в папке images темы wordpress. Здесь также имеется значение «repeat», о котором я расскажу чуть ниже.

Чтобы сменить фон сайта, можно подменить изображение bg_fon.png, которое находится в папке images темы.

Вот так выглядело изначально это изображение на моем блоге:

Вот так выглядел фон на блоге раньше:

Я заменил изображение вот на это:

Фон стал выглядеть так:

Где скачать фон для сайта?

Я использовал бесплатный сервис — ссылка.

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

Паттерн – это небольшое изображение, при склеивании (размножении) которого образуется фоновый рисунок.

Вот мой паттерн:

Это изображение продублировано несколько раз по горизонтали и по вертикали, до полного заполнения фона сайта, при помощи параметра «repeat».

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

Надеюсь, Вам теперь понятно, что такое паттерн.

Использование паттернов в качестве фона для сайта помогает значительно экономить вес страницы и, соответственно, время загрузки сайтов (ускорить работу блога).

При использовании в качестве фона сайта целого изображения, оно имело бы вес в несколько сотен мегабайт, что увеличивало бы скорость загрузки всех страниц. Особенно это заметно при небольшой скорости интернет соединения.

При использовании паттернов происходит загрузка маленького изображения, в моем случае размер изображения всего 130×130 пикселей и весит оно чуть больше 7 килобайт!

При использовании маленьких изображений происходит их повторение, пока весь фон сайта не будет полностью заполнен. Вот некоторые параметры, которые необходимо задать в стиле (файл style.css):

— repeat – при использовании данного параметра изображение повторяется по вертикали и горизонтали, до полного заполнения фона;

— no-repeat – изображение повторяться не будет. По умолчанию оно отображено в левом верхнем углу фона сайта;

— repeat-x – повторение рисунка только по горизонтали;

— repeat-y – повторение изображения по вертикали.

Размер узора (при его наличии) зависит от размера самого изображения, который можно изменить в программе Adobe Photoshop или в каком-нибудь другом графическом редакторе.

При использовании графики достаточно подменить изображение фона сайта, на которое ведет ссылка.

Паттерны можно создавать самому, но проще использовать готовые.

Ссылку на один из сервисов, где можно бесплатно скачать фон для сайта, я поставил в начале статьи. Буду благодарен, если Вы поделитесь своими ссылками на подобные сервисы в комментариях и дополните мою статью!

В качестве фона блога или сайта может быть использован простой HTML код цвета, который также указан в файле style.css. В этом случае код будет выглядеть примерно так:

Здесь достаточно изменить код цвета, который можно подобрать, используя, например, все тот же Adobe Photoshop:

Либо воспользоваться таблицей безопасных цветов, вот ссылка.

Хочу обратить Ваше внимание на то, что не следует использовать слишком яркие цвета. Если читателям будет неприятен цвет фона, или при чтении будут уставать глаза, то они долго не задержаться на Вашем сайте.

На этом у меня все. Как Вам статья?

Советую Вам подписаться на свежие рассылки, и тогда Вы сможете получать анонсы постов моего блога прямо на свой e-mail. Впереди еще много интересных статей!

С уважением, Александр Бобрин

Поделись с друзьями: