Как выводить разный фоновый рисунок для разных страниц сайта?
Сначала создадим папку 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%”>
