Announcement

Collapse
No announcement yet.

How to make background image

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to make background image

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

  • #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


    • #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


      • #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


        • #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


          • #6
            ...

            Comment


            • #7
              Lynne is there a preferred resolution for this image?

              Comment

              Related Topics

              Collapse

              Working...
              X