Add this overlay?

[YoFuzzy3]

On this website there is a text overlay in the right of the header, how would I add that to my website?

 

[Shelley]

On this website there is a text overlay in the right of the header, how would I add that to my website?

Jake posted the following that might help. http://xenforo.com/community/threads/align-in-ad_header.42202/#post-455008

 

[YoFuzzy3]

Jake posted the following that might help. http://xenforo.com/community/threads/align-in-ad_header.42202/#post-455008

That plus some CSS styling gave me what I was after, thanks!

 

[YoFuzzy3]

Actually I'm having some trouble aligning it. Currently it's in the right position for my screen size, but not others. I'm no expert at this stuff so I'm clueless how to fix it.

Added to template ad_header:

<div class="rightContentBox">
    Looking for the server IP? <br />
    Look no further than <a href="http://www.fuzzoland.com/about">here</a>!
</div>

Added to style sheet EXTRA.css:

.rightContentBox {
    font-style: italic;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 370px;
    top: 40px;
    text-shadow: 0px 0px 0px transparent, 1px 1px 0px rgb(90, 80, 40);
}

 

[Shelley]

Actually I'm having some trouble aligning it. Currently it's in the right position for my screen size, but not others. I'm no expert at this stuff so I'm clueless how to fix it.

Added to template ad_header:

<div class="rightContentBox">
    Looking for the server IP? <br />
    Look no further than <a href="http://www.fuzzoland.com/about">here</a>!
</div>

Added to style sheet EXTRA.css:

.rightContentBox {
    font-style: italic;
    color: rgb(255, 255, 255);
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.15);
    padding: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 7px 7px 7px 7px;
    position: absolute;
    right: 370px;
    top: 40px;
    text-shadow: 0px 0px 0px transparent, 1px 1px 0px rgb(90, 80, 40);
}

With people using different resolutions you'll find that it will shift and appear slightly differently.

 

[YoFuzzy3]

With people using different resolutions you'll find that it will shift and appear slightly differently.

Hmm it shifts a lot more than slightly for some, oh well.