[Table]Фон страницы обычно задается в теге с помощью свойства background.[/Table]
[Table]Возможны два варианта:
1. свойство может быть задано прямо в шаблоне страницы
2. свойство может быть прописано в таблице CSS[/Table]
[Table]Причем, если свойство прописано и там, и там, то сработает то, что написано в шаблоне.
Если свойство прописано в шаблоне, то выглядит оно примерно так:
свойств внутри может быть гораздо больше, они перечисляются через запятую, но нас интересует только свойство background.
Если оно прописано в таблице css, то в шаблоне будет просто:
а в таблице css примерно так:
body {background: #FcFcFc;}[/Table]
[Table]В чем тут принципиальное отличие?
В том, что если у Вас первый вариант , изменения придется производить во всех используемых шаблонах: шаблоне каталога статей, шаблоне модуля новостей и так далее.
Тут Вам будет полезна функция Быстрая замена участков кода. Вам необходимо будет сначала настроить код в шаблоне страницы сайта.
А потом зайти в Меню - Дизайн -Быстрая замена участков шаблона - Что заменить - вставляете код , какой он остался в изначальных шаблонах , На что заменить: - новый код . Тогда замена будет проведена во всех шаблонах. Другой вариант. Сразу заменить изначальный код на просто , и тогда уже все изменения надо будет делать только в таблице css (вариант 2)[/Table]
[Table]Итак, с основными моментами разобрались. А теперь разберем и все свойства. [/Table]
[Table]Я буду приводить примеры кода, которые соответственно Вы сможете внедрить следующим образом:
- в шаблоне страницы
- в таблице CSS
body {пример кода}[/Table]
[Table]1. Задаем фон прост цветом
background: #FcFcFc;
2. Задаем фон картинкой
background: url('адрес картинки');
задаем фон картинкой, которая не будет повторяться
background: url('адрес картинки') no-repeat;
3. Задаем фон картинкой, которая будет повторяться по горизонтали
background: url('адрес картинки') repeat-x;
4. Задаем фон картинкой, которая будет повторяться по вертикали
background: url('адрес картинки') repeat-y;
5. Задаем фон картинкой, которая будет повторяться и по горизонтали, и по вертикали
background: url('адрес картинки') repeat;
6. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали
background: url('адрес картинки') 50% 0%;
7. Задаем фон картинкой, которая будет по центру горизонтали и по верху по вертикали , плюс цвет, там, где картинки не будет
background:#fcfcfc url('адрес картинки') 50% 0%;
8. Задаем фон картинкой, которая не будет прокручиваться при прокручивании страницы
background:#fcfcfc url('адрес картинки') 50% 0%;background-attachment: fixed;
9. Задаем фон картинкой, которая будет масштабироваться
background: url('адрес картинки');background-size:100%;[/Table]
[Table]Вот основные параметры , которые Вы можете задать. Если я что-то упустил, пишите, спрашивайте - отвечу.[/Table]




