Как установить фон на сайте :: социальная сеть мам и пап, форум родителей

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

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

Выбрать фон несложно для вашего сайта, вбейте в поисковик - фон для сайта и вам любая галерея картинок выдаст разнообразные картинки, рисунки, анимации, цвета на любой вкус, цвет и для темы вашего портала. Вот вы скачали... но, не спешите радоваться, что картинка пойдет в качестве фона для сайта. Для некоторых движков вполне достаточно иметь размер 200 на 200 пикселей, а для форумов, смз и прочих порталов, где есть файлы header, footer или index_body, нужна картинка побольше размером, например, от 600, 700 в ширину. Все познается в сравнении и в подобре размера фона для вашего сайта, блога, торрент-трекера и прочих порталов.

Самый простой способ поставить картинку в качестве фона на сайте - это через код html. Он прост до безобразия.
Например вот так:

Код:

Как мы видим, при открытии страницы, через бэкграунд сразу уже подгружается картинка из указанной Вами папки!

А теперь, давайте все по порядку, как устанавливать фон на сайте 2 способами, а именно, через css и html (я вам указал выше). Также я вам открою, какие способы применимы для установки фона.

Для начала, в каждом движке сайта есть файл с расширением css. Его можно найти легко в теме блога или в форума, а также в корне папки если у вас иной движок сайта. Открыть его можно легко, можно через нотепад или встроенный в виндоузе блокнот. Рекомендую все-таки иметь для себя нотепад, так как с ним проблем нет и он всегда сохраняет все необходимые примочки и подсвечивает (указывает красным цветом) совершенные вами ошибки при редактировании!

Цитата:

Файл с css может носить разное название, например style.css или субсильвер в форумах.

Открываем такой файл и ищем значение – body (оно отвечает за основное тело сайта). Прописываем функцию background-color. Если для вас нужен иной цвет, не белый, то придется прописать следующий код:

Фон синий для сайта:

Код:

body {

background-color: #83C5E9;

}

Код #83C5E9 можно поменять на другой, посмотрев в таблице цветов html на яндексе

Делаем фон через градиент
Этот фон тоже красив. Сверху он четкий и книзу он более осветляется. Может быть, для вас он предпочительнее. Создаем градиент в фотошопе и загружаем в папку.

Даю код:

Код:

body {

background-color: #83C5E9;

background-image: url(images/gradient.jpg);

background-repeat: repeat-x;

}

Пример фона:

Делаем фон указывая на картинку через css

Загружаем в папку картинку, как я вам писал раннее и в файле c css правим код:

Код:

body {

background-color: #000000;

background-image: url(папка/название картинки.jpg);

background-position: center top;

background-repeat: no-repeat;

}

А теперь ставим фон с помощью html

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

Цвет фона темнорозовый

Код:

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

В этой теме отвечено 0 раз и проглядели 5541 раза!

Наши сервисы

Анонимное голосование