Установка бесшовного фона в HTML.

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

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

Установка фона в html

 

Установка фона в HTML.

Если вы не знаете, что такое ХТМЛ, то это обобщенно можно назвать языком сайтов или набором правил по которым генерируются сайты.

Например вы видите картинку на сайте, когда в HTML коде страницы это может выглядеть так:

[colorbl style=»green-bl»]<img src= «http://site.ru/image.jpg» >[/colorbl]

Установка сплошного цвета на фон страницы.

Для того, чтобы установить фон в виде сплошного цвета, нужно в тег <body> добавить атрибут bgcolor.

Пример:

[colorbl style=»green-bl»]

<html>
<head>
<title>Заголовок страницы.</title>
</head>
<body bgcolor="#ffcc00">Привет. Этом моя первая страница.</body>
</html>[/colorbl]

Вы можете данный код вставить в текстовый файл и сохранить с расширением .html. Далее открыть любым браузером и увидите результат.

Как вы наверное догадались, цвет фона появляется за счет кода цвета в атрибуте bgcolor= «значение» , который можно подобрать перейдя по этой ссылке.

 

Установка картинки на фон HTML страницы.

Для того, чтобы установить на фон изображение, можно использовать атрибут background в теге <body>.

Пример:

[colorbl style=»green-bl»]

<html>
<head>
<title>Заголовок страницы.</title>
</head>
<body background"http://metamlm.ru/images/mlmsecret.jpg" >Привет. Этом моя первая страница.</body>
</html>[/colorbl]

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

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

Чтобы узнать прежний путь, необходимо на странице с картинкой, нажать по картинке правой кнопкой и кликнуть по «Копировать URL картинки.»  таким образом вы увидите название картинки/фона.  Затем вы можете просто заменить прежнюю картинку своей, используя то же название файла.

Это были простейшие основы по настройке фона в html, теперь самое интересное. 🙂

 

Сервис бесшовных фонов для сайтов.

Хочу показать свою находку.
Это сервис с качественными бесшовными фонами на любой вкус — Subtle Patterns.
Я на своем сайте использую фон взятый из этого сервиса.
Слева от каждого фона есть кнопка Download.

Бесшовный фон.

 

Думаю эта информация для вас оказалась полезной!
В знак благодарности жмите кнопки социальных сетей.
Желаю всем классных фонов и до новых статей! 🙂



4 комментария на «“Установка бесшовного фона в HTML.”»

  1. Спасибо!
    Поковырялся немного, всё получилось!

  2. Спасибо! Установил себе на сайт .

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

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

YOU MAY LIKE