HERTZ-GSM

Технологии. Компьютеры. Электроника.

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

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

Итак, представляю первый тип фона – это обычная заливка цветом. Устанавливается в файле style. css шаблона, по адресу
wp-content\themes\Имя темы\style.css (в том случае, если делается фон для WordPress блога).

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

Второй тип – градиентная заливка, т. е. плавная заливка с использованием нескольких цветов. Раньше, для её создания требовалось использовать изображения, который повторялись и создавали эффект непрерывного фона. Но сейчас, с появлением CSS3, градиентный фон сделать также практически также легко, как и обычную заливку цветом. Однако код градиентного фона создать гораздо сложнее чем код простой заливки — во-первых, могут возникнуть трудности с подбором цветом, а во-вторых можно разочароваться в CCS3 и всех его красивостях, когда придет понимание того, что для каждого браузера нужен отдельный код градиентной заливки. Увы, это действительно так! Разработчики все еще не пришли к выбору единого стандарта кода для создания градиента. Столько сложностей… Что же тут легкого то? А никто не говорил, что вам придется вручную набирать весь этот устрашающий код! Почти весь прогрессивный интернет использует для этих целей специальные генераторы.

Создание будущей градиентной заливки происходит элементарно: нужно выбрать несколько цветов, которые будут использоваться в градиенте, при этом, возможно выбрать существующий шаблон заливки, либо создать свой. Под окном результата находятся кнопки для изменения размера и направления заливки. Еще чуть ниже, в окне «CSS» находится код, который необходимо вставить в файл style.css темы WordPress, либо в файл css, который используется для управления стилями ресурса, в случае, если сайт не WordPress. В обоих случаях, код необходимо вставлять в body {…}, после всех существующих там строк, перед последней закрывающей скобкой. Кстати, плюсы такие же как и у сплошной заливки цветом, но есть один минус – некоторые браузеры по разному реагируют на один и тот же CSS3 код.


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

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

Защита от спама: *