Инструкция
1
Сначала следует выяснить, каким из способов задан фон в действующей версии сайта. Для этого откройте HTML-код страницы. Можно сделать это простым текстовым редактором, скачав предварительно файл с сервера. А можно воспользоваться редактором страниц системы управления сайтом, если вы таковую используете. Редактор страниц не требует скачивания файла, а изменяет его прямо на сервере, используя браузер в качестве интерфейса.HTML-код (HyperText Markup Language - «язык разметки гипертекста») страницы, открытой вами, состоит из строк-инструкций для браузера. В них описаны типы, оформление внешнего вида и местоположение каждого из элементов веб-страницы. Эти инструкции принято называть «тегами». Порядок следования самих тегов в коде страницы тоже подчиняется правилам языка HTML - они разбиты на блоки, первым из которых обязательно должен быть заголовочный блок, начинающийся с тега <head> и завершающийся </head>. За ним должен следовать блок, который вас сейчас интересует больше - тело документа. Он ограничен тегами <body> и </body>. В открывающий тег этого блока (<body>) можно помещать информацию о фоне страницы. Такую информацию внутри тегов называют «атрибутами». Атрибут тега body, который задает цвет фона обозначается как bgcolor и в коде может выглядеть так:<body bgcolor="Silver">Здесь задан серебристый цвет фона для страницы. Некоторые из цветов браузер может опознавать по названиям, но чтобы не ошибиться, лучше указывать их шестнадцатеричные коды. Выглядеть этот вариант с серебристым цветом в шестнадцатеричном выражении будет так:<body bgcolor="#C0C0C0">Итак, вам нужно в коде страницы найти тег, начинающийся с <body и проверить, задан ли в нем цвет фона. Если да - замените в нем указание цвета на свой новый вариант и сохраните изменения в странице.
2
Фон в текущем оформлении вашего сайта может быть задан не цветом, а картинкой. Соответствующий атрибут тега body называется background, и выглядеть в коде может так:<body background="url(img/bg.jpg)">Здесь в качестве фона задана картинка bg.jpg из папки img вашего сервера. Если такой атрибут присутствует, замените имя файла картинки на имя новой картинки, не забыв загрузить ее на сервер.Если вы хотите заменить картинку на цвет, замените атрибут background атрибутом bgcolor, который мы описали выше.
3
При описании внешнего вида страниц с относительно сложным дизайном используют «каскадные таблицы стилей» - CSS (Cascading Style Sheets). Блоки кода CSS могут быть включены непосредственно в код страницы или содержаться во внешнем файле с расширением "css". Вам надо в заголовочной части кода страницы (между тегами <head> и </head>) поискать тег описания стиля, начинающийся с <style. Если в нем указана ссылка на внешний файл, то выглядеть это будет примерно так:<style type="text/css" media="all">@import "style.css";</style>Здесь приведена ссылка на файл стилей с именем style.css. Указанный файл вам нужно открыть для редактирования. А если ссылки нет, а после открывающего тега <style идут инструкции стилей, то редактировать их нужно здесь. В обоих вариантах среди описаний стилей вам нужно искать те, которые относится к телу документа (body). Выглядеть этот блок описаний может, например, так:body {
background-color: Silver;
color: Black;
}Здесь значение параметра background-color вам нужно заменить на значение вашего нового цвета и лучше в тех же шестнадцатеричных значениях. Вариант с фоновой картинкой в инструкциях CSS должен выглядеть, например, так:body {
background: #C0C0C0 url(img/bg.jpg) repeat-y;
color: Black;
}Здесь ссылка на картинку аналогична рассмотренной выше, а #C0C0C0 перед ссылкой означает, что пространство страницы, не занятое фоновым изображением, будет иметь серебристый фон. "Repeat-y" указывает, что фоновая картинка должна быть размножена по оси Y (по вертикали). "Repeat-y" можно заменить на "repeat-x" (репликация по горизонтали) или "no-repeat" (не размножать). Если вы вообще не укажите repeat, то фоновой картинкой будет замощено фоновое пространство страницы во всех направлениях.
background-color: Silver;
color: Black;
}Здесь значение параметра background-color вам нужно заменить на значение вашего нового цвета и лучше в тех же шестнадцатеричных значениях. Вариант с фоновой картинкой в инструкциях CSS должен выглядеть, например, так:body {
background: #C0C0C0 url(img/bg.jpg) repeat-y;
color: Black;
}Здесь ссылка на картинку аналогична рассмотренной выше, а #C0C0C0 перед ссылкой означает, что пространство страницы, не занятое фоновым изображением, будет иметь серебристый фон. "Repeat-y" указывает, что фоновая картинка должна быть размножена по оси Y (по вертикали). "Repeat-y" можно заменить на "repeat-x" (репликация по горизонтали) или "no-repeat" (не размножать). Если вы вообще не укажите repeat, то фоновой картинкой будет замощено фоновое пространство страницы во всех направлениях.
Полезный совет
Выяснить значение шестнадцатеричного кода нужного вам оттенка цвета можно с помощью программ ColorImpact и Ruler или воспользовавшись онлайн конвертерами цветов.
Источники:
- Он-лайн конвертер цветовых оттенков в их шестнадцатеричные значения
- фон вконтакте установить