Просмотр исходного текста страницы Как выводить разный фоновый рисунок для разных страниц сайта?

Сначала создадим папку images/background для изображений, которые мы будем использовать в качестве фона страниц. И загрузим туда соответствующие файлы.

Открываем модуль «Шаблоны данных». В типе данных «Страница контента» добавляем группу «дизайн», создаем новое поле «Фоновый рисунок» строкового типа. Идентификатор поля назовем bgimage.

Открываем в админке нужную страницу на редактирование. Если все правильно сделали, то должна появиться дополнительная область «Дизайн», в которой нужно заполнить поле «Фоновый рисунок». Напишем в нем, например, /images/background/index_bg.jpg

Теперь нам нужно указать в шаблоне дизайна созданный нами идентификатор %bgimage%, вместо которого в код страницы будет подставляться указанный путь к файлу фонового рисунка.

Например, нам нужно, чтобы фоновый рисунок выводился по центру страницы и не повторялся (по горизонтали и вертикали). Открываем шаблон дизайна интересующей страницы и в тег <head> добавляем следующий код:

<style type="text/css">
	body {background-image: url("%bgimage%");
	background-repeat: no-repeat;
	background-position: center center;}
</style> 
И, таким образом, получим нужный нам результат.

Так же, идентификатор %bgimage% можно указать для тега <body> в параметре background:

<body background=”%bgimage%”>
[[Категория:Верстка в TPL]]