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

How would I do this? Head ad with transparent background

Discussion in 'XenForo Questions and Support' started by Ranger375, Nov 25, 2011.

  1. Ranger375

    Ranger375 Well-Known Member

    I basically want to put a message and link in the right of the header, preferably on a semi transparent background. I've seen it done on a few site, and was wondering if someone could steer me in the right direction. I've done searches but have come up short :D
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Use the ad_header template and float it right.
     
  3. Ranger375

    Ranger375 Well-Known Member

    My code-fu is weak :D Could you give me an example I can work with?
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    <div style="float: right; background: #CC0000 url('path/to/image.png') repeat-x">
    Content here
    </div>

    You will need to adjust the styling to suit.
    Or you could create a class, add it to EXTRA.css and do it that way instead.

    http://www.w3schools.com/css/css_background.asp
     

Share This Page