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

Материал из Umicms
Версия от 20:08, 4 июня 2013; Mad grant (обсуждение | вклад)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к:навигация, поиск

Сначала создадим папку 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%”>