Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
board transparency/opacity
Topic Started: May 31 2008, 04:19 AM (1,190 Views)
gaubahn20
Member
 *  
hi guys the search feature doesnt seem to work so here goes my question...how can i make my boards a little bit transparent (my css below made the board completely transparent and my logos also disappeared) so that the background picture can be more visible and at the same time the text will remain readable instead of blending to the background image?

here is the css:
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color:#696969;margin:0px 10px 0px 10px;background-color:#0D0D0D; background-image: url(http://i48.photobucket.com/albums/f241/gaubahn/library_wallpaper04_1024last.jpg); background-attachment: fixed }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #696969; }
a:link, a:visited, a:active { text-decoration: underline; color: #B66718 }
a:hover { color: #465584; text-decoration:underline; height:0;-moz-opacity:0.3" onMouseover="high(this)" onMouseout="low(this)" }


thanks in advance for any help guys ^_^
Edited by gaubahn20, May 31 2008, 04:52 AM.
Offline Profile Quote Post Goto Top
 
Nicola-ZNS
.....
 *   *   *   *   *   *   *   *   *  
Have you tried adding:
CSS
 
-moz-opacity:0.5;
opacity:0.5;

To areas of the CSS to make them transparent? 0.5 = 50% opacity, 0 = 0% etc. Adjust both to the same amount.
The .tableborder background would probably need to be removed.

I'm not a huge expert on transparency, but I'll try to help best I can. If it doesn't work/you have more questions, a link to your board would be appreciated.
Offline Profile Quote Post Goto Top
 
gaubahn20
Member
 *  
hi,

tnx for your reply...i'll try figuring out which part i need to do the modifications you just gave...you can check out my board at xtrym.co.nr
Offline Profile Quote Post Goto Top
 
gaubahn20
Member
 *  
i still can't quite figure out which part i need to do those modifications...i also tried removing the .tableborder but nothing much really happened. If you checked out the link, the background fill of the "Useful Link" section is what i need to make a bit more transparent ^_^
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Add Reply