Инструкция
1
Чтобы изменить фон, сначала надо определить - каким образом он задан в текущей версии страниц сайта. Для этого следует открыть исходный код страницы, лежащей на сервере. Это можно сделать обычным текстовым редактором, подойдет стандартный Блокнот. А если вы используете какую либо систему управления сайтом, то страницу можно отредактировать прямо в браузере посредством встроенного редактора страниц.HTML-код страницы (HTML - HyperText Markup Language, «язык разметки гипертекста») состоит из строк с инструкциями для браузера, описывающими типы, внешний вид и расположение каждого элемента веб-страницы. Эти инструкции называют «тегами» и они сгруппированы в блоки, один из который начинается с открывающего тега <body> и заканчивается закрывающим тегом </body>. Согласно стандартам языка HTML в открывающем теге можно задать параметры фона страницы. Делается это размещением в нем атрибута bgcolor:<body bgcolor="Green">Здесь задан зеленый цвет для фона этой страницы. Некоторые цвета по стандартам HTML имеют собственные имена - например, Chocolate или Gainsboro, но обычно используют шестнадцатеричные коды цветов:<body bgcolor="#00FF00">Если цвет фона, задан этим способом, вам следует, найти в коде страницы тег body и заменить значение атрибута bgcolor на нужное вам.
2
В страницах с более сложным дизайном для описания внешнего вида чаще используют CSS (Cascading Style Sheets - «каскадные таблицы стилей»). CSS - это язык, созданный именно для описания внешнего вида элементов html-документа. Блоки CSS-кода могут быть либо включены в код страницы, содержаться в отдельном файле с расширением "css" и подключаться к странице специальной инструкцией в исходном коде страницы.Вам следует найти в коде страницы тег <style> - если он будет ссылаться на внешний файл, то нужно открыть для редактирования этот самый файл. Выглядеть такая ссылка может так:<style type="text/css" media="all">@import "style.css";</style>А если после тега <style> сразу идут инструкции, а не ссылка на файл, то редактировать стили надо здесь. В обоих случаях вам надо искать ту часть описания стилей, которая относится к телу документа - body. Но в языке CSS это уже будет называться не «тегом» а «селектором», и выглядеть может, например, так:
body {
background-color: Green;
color: White;
}
Вам надо заменить значение параметра background-color - он задает цвет фона страницы. И здесь тоже есть возможность указывать некоторые цветовые оттенки по именам, но лучше использовать шестнадцатеричные значения. Например, шестнадцатеричное значение для оттенка Chocolate = #D2691E.Есть возможность указать не только цвет, но и изображение для фона:body {
background: Green url(img/bg.jpg) repeat-x;
color: White;
}Здесь url(img/bg.jpg) означает, что из папки img для фона страницы будет браться картинка с именем bg.jpg, а repeat-x означает, что она будет размножена по оси X, то есть по горизонтали. Все остальное пространство страницы, не закрытое картинкой будет иметь зеленый фон - он указан перед параметром url. Чтобы картинка была размножена по оси Y (по вертикали), надо указать, соответственно, repeat-y. A no-repeat отключит всякую репликацию фоновой картинки.
body {
background-color: Green;
color: White;
}
Вам надо заменить значение параметра background-color - он задает цвет фона страницы. И здесь тоже есть возможность указывать некоторые цветовые оттенки по именам, но лучше использовать шестнадцатеричные значения. Например, шестнадцатеричное значение для оттенка Chocolate = #D2691E.Есть возможность указать не только цвет, но и изображение для фона:body {
background: Green url(img/bg.jpg) repeat-x;
color: White;
}Здесь url(img/bg.jpg) означает, что из папки img для фона страницы будет браться картинка с именем bg.jpg, а repeat-x означает, что она будет размножена по оси X, то есть по горизонтали. Все остальное пространство страницы, не закрытое картинкой будет иметь зеленый фон - он указан перед параметром url. Чтобы картинка была размножена по оси Y (по вертикали), надо указать, соответственно, repeat-y. A no-repeat отключит всякую репликацию фоновой картинки.
Видео по теме
Полезный совет
Выяснить значение шестнадцатеричного кода для нужного вам оттенка цвета помогут сайты с он-лайн конвертерами цветов, либо специальные программы - например – ColorImpact и Ruler.
Источники:
- Он-лайн конвертер цветовых оттенков в их шестнадцатеричные значения
- как изменить фон joomla
спасибо