Как выводить разный фоновый рисунок для разных страниц сайта? — различия между версиями
Gordeev (обсуждение | вклад) (Новая страница: «Сначала создадим папку images/background для изображений, которые мы будем использовать в качеств…») |
Cmac (обсуждение | вклад) |
||
Строка 19: | Строка 19: | ||
<body background=”%bgimage%”> | <body background=”%bgimage%”> | ||
+ | [[Категория:Шаблонизаторы]][[Категория:Верстка в TPL]] |
Версия 08:43, 8 сентября 2011
Сначала создадим папку 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%”>