• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

image-background for header?

erich37

Well-known member
#1
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

XenForo moderator
Staff member
#4
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this code:

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

Well-known member
#5
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 ?