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

Add this overlay?

#4
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. :p

Added to template ad_header:
HTML:
<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:
HTML:
.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

Well-known member
#5
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. :p

Added to template ad_header:
HTML:
<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:
HTML:
.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.