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

image-background for header?

Discussion in 'Styling and Customization Questions' started by erich37, Nov 5, 2011.

  1. erich37

    erich37 Well-Known Member

    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!
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  3. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

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

    Jake Bunce XenForo Moderator Staff Member

    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 likes this.
  5. erich37

    erich37 Well-Known Member

    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 ?
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

  7. DRE

    DRE Well-Known Member

    Interesting.
     

Share This Page