image-background for header?

[erich37]

I would like to have an image-background for the header, similar to this website:
http://www.islamforumu.net

I do have a fixed-width-style with a width of 990px.

Because of the design of my image, I need to have my bg-image split into 2 images:
one image to be right-aligned, and the other image to be left-aligned.

Could you please help me with CSS and stuff in order to achieve this?

Any help is highly appreciated. Many thanks!

 

[Jake Bunce]

It would be like this:

http://xenforo.com/community/thread...he-same-on-all-resolutions.22444/#post-281543

Except you are working in the Header instead of Body:

Admin CP -> Appearance -> Style Properties -> Header and Navigation -> Header
> Miscellaneous

 

[Jake Bunce]

Oh wait, the Header doesn't have a Miscellaneous field. Hang on...

 

[Jake Bunce]

Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

#header
{
	background: url('styles/default/xenforo/node-sprite.png') left center no-repeat, url('styles/default/xenforo/xenforo-smilies-sprite.png') right center no-repeat;
}

 

[erich37]

Many thanks for your help Jake!

if I have 1 single image for the header, what would be the ideal width of the header-image, so that it will also show fine on screens having bigger width?
1600px or 1900px ?

 

[Jake Bunce]

The width will vary depending on the size of the browser window unless you use a fixed width body:

http://xenforo.com/community/threads/wallpaper-size.22055/#post-277459

 

[DRE]

Interesting.