Question

Добрый день.

Есть желание внедрить в шаблон отображение фонового рисунка на всю страницу. Не знаю, как это точно называется, но видел на многих сайтах. Это когда под вашим сайтом отображается подложка с определенным рисунком на весь экрана.
Сейчас найду что-нибудь…
Например вот
Вот нечто подобное хочу сделать у себя на сайте, но не совсем понимаю, как и главное как оно у них (изображение) тянется на разных экранах и самое интересно, что сайт грузится достаточно быстро, то есть точно не используется картина там 2000 на 3000 пикселей (может флеш). Кто-то может подсказать, как это можно прикрутить к шаблону и что за механика там вообще используется. Что касается шаблона сайта, то стоит обычный Битриксовский шаблон, но перекрашенный в другой цвет.

Answer 1

Делается обычнос помощью css. Для примера на том сайте что вы привели в пример это сделано так:

Код
body { background-attachment:scroll; background-image:url(http://www.xbox.com/NR/rdonlyres/47AC5C70-1F7C-41B5-9527-E254D6BE6A1F/0/bggdpskincallOfDuty4v2.jpg); background-position:center top; background-repeat:no-repeat; }

А размер маленький потом что ужато в формате jpg. Там примерно 200 килобайт получается. Вам чтобы в шаблон свой вставить нужно в файле css используемого шаблона добавить

Код
background-attachment:scroll; background-image:url(<noindex><a href=\"http://www.xbox.com/NR/rdonlyres/47AC5C70-1F7C-41B5-9527-E254D6BE6A1F/0/bggdpskincallOfDuty4v2.jpg);\" target=\"_blank\" rel=\"nofollow\">http://www.xbox.com/NR/rdonlyres/47AC5C70-1F7C-41B5-9527-E254D6BE6A1F/0/bggdpskincallOfDuty4v2.jpg);</a></noindex>

Эти парамтеры отвечают за позицию рисунка и за то чтобы он не повторялся по странице.

Код
background-position:center top; background-repeat:no-repeat;