как в примере можно прямо из примера выдернуть и вставить у себя в шаблоне сразу после <body> (для agency в main.tpl) {literal} <style><!-- body {background: #d9d9d9 url(http://ваша_картинка.jpg) center top no-repeat;} .lenta { z-index:10; background: #fff; margin: 220px auto 0 auto; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -khtml-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) } a.brand{width:100%;height:700px; z-index:0; position:absolute; top:0; left:0;} --></style> <a href="http://путь_назначения/" class="brand" target="_blank"></a>{/literal}но лучше в main.tpl оставить только {literal}<a href="http://путь_назначения/" class="brand" target="_blank"></a>{/literal}а в style.css body переопределить (всё равно туда лезть) body {background: #d9d9d9 url(http://ваша_картинка.jpg) center top no-repeat;} .lenta { z-index:10; background: #fff; margin: 220px auto 0 auto; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -khtml-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) } a.brand{width:100%;height:700px; z-index:0; position:absolute; top:0; left:0;}проставив свои размеры. Принцип прост: фоновая картинка для body и ссылка на всю ширину с разными z-index..