| Нам уже... |
|
 |
| Меню сайта |
|
|
| IP-информер |
 |
|
|
Главная » 2015 » Март » 28 » Как добавить фон на сайт
15:53 Как добавить фон на сайт |
Откройте исходный код того блока, который используется на вашем сайте для задания фона его страниц. При использовании какой-либо системы управления этот блок, как правило, выделяется в отдельный файл. Сама система управления имеет инструменты для его редактирования непосредственно в браузере. В зависимости от конкретной системы эта процедура может быть организована по-разному - например, через редактор страниц. Если вы не используете системы управления, то соответствующий файл надо скачать к себе в компьютер и открыть в каком-либо редакторе. Лучше использовать специализированный HTML-редактор, но можно пользоваться и самым простым Блокнотом.
Добавьте в тег body атрибут bgcolor с указанием цветового оттенка, если фоном страницы должен быть цвет, а не картинка. Например:
<body bgcolor="DarkOrange">
Здесь указан темно-оранжевый цвет в качестве фона. Не любое текстовое («мнемоническое») название оттенка браузер в состоянии распознать, поэтому лучше использовать шестнадцатеричный код цвета. Например, темно-оранжевому цвету соответствует код FF8C00:
<body bgcolor="#FF8C00">
Используйте атрибут background вместо bgcolor в теге body, если фон должен быть задан изображением, а не цветом. Например, если файл с фоновым изображением называется bgPic.gif и лежит на сервере в папке images, то тег body может быть записан так:
<body background="url(images/bgPic.gif)">
Поместите в заголовочную часть исходного кода описание стилей, если хотите задавать фон страницы с использованием языка CSS. Например, описание стилей на языке CSS, заменяющее указанный в теге body темно-оранжевый цвет в качестве фона, может выглядеть так:
<style type="text/css">
body {background-color: DarkOrange;}
</style>
А задать фоновую картинку можно таким описанием стилей:
<style type="text/css">
body {background: #FF8C00 url(images/bgPic.gif) repeat-y;}
</style>
Здесь кроме ссылки на картинку указан и фоновый цвет (#FF8C00) - если на странице будут места, не закрытые фоновым изображением, то они будут окрашены в указанный здесь цветовой оттенок. Параметр repeat-y задает повторение фонового изображения по вертикали (вдоль оси Y). Если повторять изображение нужно по горизонтали, то следует использовать значение repeat-x, а для запрета повторения рисунка - no-repeat. Поместить описание стилей можно перед тегом </head>, закрывающим заголовочную часть HTML-кода.
Сохраните сделанные изменения в редакторе страниц, либо сохраните и загрузите скачанный файл обратно на сервер, если редактирование кода производилось в файле на вашем компьютере.
|
|
Категория: Статьи для начинающего вебмастера |
Просмотров: 2563 |
Добавил: evgeny
| Рейтинг: 0.0/0 |
|
|
| Вход на сайт |
|
|
|
