Установка бесшовного фона в HTML.
В этой записи я расскажу, как обычно устанавливают фон на сайт с применением HTML кода.
Также покажу отличный зарубежный сервис по подбору бесшовных фонов.
Сейчас настройки сайта делаются легче и удобнее через CMS консоли, таких как WordPress.
Бывает необходимо менять шаблоны продающих сайтов, в этом и поможет данная статья.
Установка фона в 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=
"https://metamlm.ru/images/mlmsecret.jpg"
>Привет. Этом моя первая страница.</
body
>
</
html
>[/colorbl]
Вы можете заметить, что атрибут background равен пути файла, который используется в качестве фона.
Чтобы быстро сменить фон или любую картинку на странице, достаточно указать новый путь до вашего файла используя текстовый редактор.
Чтобы узнать прежний путь, необходимо на странице с картинкой, нажать по картинке правой кнопкой и кликнуть по «Копировать URL картинки.» таким образом вы увидите название картинки/фона. Затем вы можете просто заменить прежнюю картинку своей, используя то же название файла.
Это были простейшие основы по настройке фона в html, теперь самое интересное. 🙂
Сервис бесшовных фонов для сайтов.
Хочу показать свою находку.
Это сервис с качественными бесшовными фонами на любой вкус — Subtle Patterns.
Я на своем сайте использую фон взятый из этого сервиса.
Слева от каждого фона есть кнопка Download.
Думаю эта информация для вас оказалась полезной!
В знак благодарности жмите кнопки социальных сетей.
Желаю всем классных фонов и до новых статей! 🙂
4 комментария на «“Установка бесшовного фона в HTML.”»
Добавить комментарий
-
Владимир Довгань — Как всегда и во всем быть Победителем?
-
С 1 мая поздравляю!
-
Sociate — Автоматическое размещение рекламы Вконтакте.
-
МЛМ в 2015 году.
-
Время перемен в МЛМ бизнесе.
-
Сетевой маркетинг как противоположность секте.
-
Сетевой маркетинг: как из «нет» сделать «да»
-
Словарь SEO терминов.
-
Как создать личную аудио аффирмацию.
-
Роль женщины в романе «Сетевой маркетинг»
Видео ++++
Спасибо!
Поковырялся немного, всё получилось!
Спасибо +++
Спасибо! Установил себе на сайт .