How to make background image

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Craig
    Senior Member
    • Jan 2008
    • 996
    • 6.X

    How to make background image

    How do I add an image for the background of my forum, like www.thesaucyvegan.com that uses vegetables?
    adktramping ~ my happy place.

    "Whoever said practice makes perfect was an idiot. Humans can't be perfect because we're not machines." ~ Sam Gardner.

    Vote for your favorite feature requests and the bugs you want to see fixed.
  • Lynne
    Former vBulletin Support
    • Oct 2004
    • 26255

    #2
    You may enter it into the body_background stylevar where it says "background"
    Code:
    url("path/to/image.png")
    You'll want to also set the background of the header_background and wrapper_background to "transparent"

    Please don't PM or VM me for support - I only help out in the threads.
    vBulletin Manual & vBulletin 4.0 Code Documentation (API)
    Want help modifying your vbulletin forum? Head on over to vbulletin.org
    If I post CSS and you don't know where it goes, throw it into the additional.css template.

    W3Schools <- awesome site for html/css help

    Comment

    • vb_nils
      Member
      • Jul 2012
      • 59
      • 4.2.X

      #3
      Good evening,

      I've followed instruction by modifying "body_background" and the image is indeed visible.
      I've also make transparent (no input) in header_background.
      But the header is now white and not transparent.
      As you can see here below.


      When changing wrapper_background to transparent, the complete forum is transparent. Thing that I don't want.
      I just want the header to be transparent.

      How to do this?

      Thanks

      Comment

      • vb_nils
        Member
        • Jul 2012
        • 59
        • 4.2.X

        #4
        Hello

        No one has an idea on how to make the header transparent.

        Just for info, i've set variable header_backgroud to "transparent", but this part remains white.

        Note: I'm using the by default vB5 style.

        Comment

        • vb_nils
          Member
          • Jul 2012
          • 59
          • 4.2.X

          #5
          Hello,

          As no one knows (incredible but it is the case), I will share with you how to do so.

          You need to modify the next style variables:
          • body_background: by adding the image you want in background
          • wrapper_background: add value "transparent" instead of a color and remove all other fields
          • content_background: change from "transparent" to a color (#FFFFFF in my case)
          • header_background: add value "transparent" instead of a color and remove all other fields
          • header_subtabbar_background: change from "transparent" to a color (#FFFFFF in my case)

          This will give you something like this


          I hope it could help some of you ;-)

          Comment

          • swkcmo
            New Member
            • Jul 2015
            • 10
            • 5.1.x

            #6
            ...

            Comment

            • Craig
              Senior Member
              • Jan 2008
              • 996
              • 6.X

              #7
              Lynne is there a preferred resolution for this image?
              adktramping ~ my happy place.

              "Whoever said practice makes perfect was an idiot. Humans can't be perfect because we're not machines." ~ Sam Gardner.

              Vote for your favorite feature requests and the bugs you want to see fixed.

              Comment

              Related Topics

              Collapse

              Working...