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

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «Сначала создадим папку images/background для изображений, которые мы будем использовать в качеств…»)
 
 
(не показана 1 промежуточная версия 1 участника)
Строка 19: Строка 19:
  
 
<body background=”%bgimage%”>
 
<body background=”%bgimage%”>
 +
[[Категория:Верстка в TPL]]

Текущая версия на 20:08, 4 июня 2013

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