How to add image to parts of page?

[boozecrooze]

Hi,

I've done a ton of searches but can't really find a decent explanation about something that is probably extremely simple. I hope you can help.

I want to add image(s) to different parts of the page.
For example, how would I go about adding an image to:

1. The header - behind the logo. Is there a way to add an image that would fit perfectly with the rest of the page. The forums will be fluid, so I guess its hould be able to span just like the rest of the page.

2. The body.

3. The page background.

Sorry for such a ridiculous question, and if you have a specific tutorial that may help, please let me know.

Thanks!

[CyberAlien]

You can do it by editing "body" css (add background for body), "header" template (logo part), "header" and "footer" templates (page background. div/table that starts in header, ends in footer). Its all usual html/css.

[boozecrooze]

Hi,

Definitely a newbie here.

Could you be a little more specific?

Say I have a file named "background.jpg", how and where would I put that image in say the header or body template?

Thanks so much!

[Princeton]

you could do most via the Style Manager:
http://www.vbulletin.com/docs/html/stylemanager_css

however, some of your requests may need template editing

[CyberAlien]

For body: in css "body" set background property to: background: url(background.jpg)
For header: in "header" template replace this:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">

with this:

<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center" style="background: url(background.jpg);">