Инструкция
1
Цвет фона страниц вашего сайта может быть установлен несколькими способами. Один из них задает значение цвета средствами HTML (HyperText Markup Language - «язык разметки гипертекста»). В html-коде каждой страницы есть блок, который начинается с тега <body> и заканчивается </body> - внутри него, собственно, и находится описание содержимого страницы. В открывающем теге этого блока <body> есть возможность указать цвет фона страницы. Делается это размещением в нем атрибута bgcolor. Например, так:<body bgcolor="Blue">Здесь задан синий цвет для фона этой страницы. В языке HTML предусмотрено некоторое количество цветов, указываемых по названиям - можно, например, атрибуту bgcolor задать цвет DarkViolet или Gold. Но гораздо чаще используют шестнадцатеричные коды цветов. Тогда этот же тег будет записан так:<body bgcolor="#0000FF">То есть, чтобы изменить цвет фона страницы, заданный этим способом, вам надо открыть код страницы, найти в нем тег body и исправить значение атрибута bgcolor. Если вы имеете в своем распоряжении файл этой страницы, то сделать это можно обычным текстовым редактором - Блокнотом. Если же используете какую-либо систему управления сайтом, то можете это делать прямо в онлайн-редакторе страниц панели администрирования вашего сайта.
2
Однако управление цветом фона документов средствами HTML сейчас применяется не часто. Гораздо вероятнее, что на вашем сайте для этого используется CSS (Cascading Style Sheets - «каскадные таблицы стилей»). CSS - это язык, специально предназначенный для описания внешнего вида документа, в отличии от HTML, для которого это лишь одна из второстепенных задач. Блоки CSS могут быть включены полностью в код страницы, а могут содержаться в отдельном файле с расширением, например, styles.css. Во втором случае в коде страницы будет ссылка на внешний файл, которая может выглядеть так:
<style type="text/css" media="all">@import "styles.css"; </style>А в первом случае между тегами <style type="text/css" media="all"> и </style> будет описание стиля документа. И в нем, вам тоже надо будет найти ту часть описания стилей, которая относится к основному телу документа – body. Но в CSS это будет называться не «тегом» а «селектором», и выглядеть должно, например, так:
body {
background-color: Blue;
text-align: center;
color: White;
}
Здесь нас интересует параметр background-color – он определяет цвет фона страницы. В приведенном образце задан синий цвет фона. И в SCC для определения цвета действительны те же правила, что в HTML – есть некоторое количество именованных оттенков цветов (например – FloralWhite), но лучше пользоваться шестнадцатеричными значениями. Например, FloralWhite в шестнадцатеричном написании будет выглядеть как #FFFAF0.
Иногда цвет фона задается в переключателе background:
body {
background: Blue;
text-align: center;
color: White;
}
Или так:
body {
background: Blue url(img/image.jpg) no-repeat;
text-align: center;
color: White;
}
В последнем образце кроме цвета, задано отображать в фоне страницы и картинку image.jpg из папки img.
То есть, чтобы изменить цвет фона страницы, заданный с использованием CSS, вам надо:
А - открыть код страницы, найти в нем тег style и определить находится ли описание стилей страницы в отдельном файле или оно изложено прямо здесь. Если в отдельном файле – надо открыть его.
Б – в коде SCC нужно найти переключатель body, а в нем параметр background или background-color и поменять значение цвета на нужное вам.
Как и HTML-код, код CSS можно редактировать в обычном блокноте или онлайн-редакторе страниц панели администрирования сайта.
<style type="text/css" media="all">@import "styles.css"; </style>А в первом случае между тегами <style type="text/css" media="all"> и </style> будет описание стиля документа. И в нем, вам тоже надо будет найти ту часть описания стилей, которая относится к основному телу документа – body. Но в CSS это будет называться не «тегом» а «селектором», и выглядеть должно, например, так:
body {
background-color: Blue;
text-align: center;
color: White;
}
Здесь нас интересует параметр background-color – он определяет цвет фона страницы. В приведенном образце задан синий цвет фона. И в SCC для определения цвета действительны те же правила, что в HTML – есть некоторое количество именованных оттенков цветов (например – FloralWhite), но лучше пользоваться шестнадцатеричными значениями. Например, FloralWhite в шестнадцатеричном написании будет выглядеть как #FFFAF0.
Иногда цвет фона задается в переключателе background:
body {
background: Blue;
text-align: center;
color: White;
}
Или так:
body {
background: Blue url(img/image.jpg) no-repeat;
text-align: center;
color: White;
}
В последнем образце кроме цвета, задано отображать в фоне страницы и картинку image.jpg из папки img.
То есть, чтобы изменить цвет фона страницы, заданный с использованием CSS, вам надо:
А - открыть код страницы, найти в нем тег style и определить находится ли описание стилей страницы в отдельном файле или оно изложено прямо здесь. Если в отдельном файле – надо открыть его.
Б – в коде SCC нужно найти переключатель body, а в нем параметр background или background-color и поменять значение цвета на нужное вам.
Как и HTML-код, код CSS можно редактировать в обычном блокноте или онлайн-редакторе страниц панели администрирования сайта.
Полезный совет
Определить шестнадцатеричный код нужного вам оттенка цвета можно как с помощью программ (например - ColorImpact, Ruler), так и используя интернет-ресурсы.
Источники:
- Он-лайн конвертер цветовых оттенков в их шестнадцатеричные значения
- как изменить цвет фона в html
