Добрый!
Вообще это сделать очень просто! Для этого понадобится минимальное знание CSS. Коль совсем с этим туго, тут действительно могут быстро подсказать!
Например в приведённом примере в шаблоне
Cloudbase это реализовано так:
в CSS прописан стиль для основного тега
bodybody { background: url("/templates/ca_cloudbase2_j25/images/patterns/pattern_1.png") repeat scroll left top #0E96CF; }
где
url("/templates/ca_cloudbase2_j25/images/patterns/pattern_1.png") - это путь к картинке фона (в зависимости где лежит изображение) относительно корневой директории т.к. данный стиль прописан динамически в файле index.php шаблона (/templates/ca_cloudbase2_j25/index.php). Но обычно указывается относительно CSS файла. Т.е. если стиль будет прописан в /templates/ca_cloudbase2_j25/css/template.css, то путь уже указывается так:
url("../images/patterns/pattern_1.png"). Подробнее
тут.
repeat - повторять картинку (использовать заливку), идёт по умолчанию т.е. можно не прописывать. Также есть
no-repeat - не повторять,
repeat-x - повторять по горизонтали и соответственно
repeat-y - повторять по вертикали. Подробнее
тут.
scroll - прокручивать вместе со страницей (идёт также по умолчанию) или можно зафиксировать указав
fixed. Подробнее
тут.
left top - положение картинки относительно окна браузера. В данном случае изображение будет прижато к левой и верхней стороне. Также идёт по умолчанию можно не прописывать. Соответственно также допустимые значения: center, right, bottom. Подробнее
тут.
#0E96CF - это цвет заливки. По умолчанию идёт просто без цвета (прозрачный). Подробнее
тут. Выбрать цвет можно
здесь.
И если ещё что-то не понятно, то посмотреть
тут.
Надеюсь теперь всё понятно даже новичку!
Удачи!