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
bg around category; transparency code
Topic Started: Sep 6 2013, 06:45 AM (501 Views)
elder74
Member Avatar
Member
 *  
Hello members of the IF and ZB network!

I've got a question, I've been looking closely for hours through my stylesheets to make a certain part of my board on Invisionfree transparent.

it's about this part of the board:
Spoiler: click to toggle


The lightgrey part the Arrow is pointing on, where can I find this? I would like to make it transparent!

Thank you in advance!

Friendly regards,


Daan.
Offline Profile Quote Post Goto Top
 
Helena
Member Avatar
M is for Mod

Find this in AdminCP > Skinning & Styles > Manage Style Sheets:

Code:
 

.boardtable {
background-color: #272727;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
width: 782px;
}


You can change the first element to this:

Code:
 
.boardtable {
background-color: transparent;


However, be aware that older browsers may not support transparency, so the safest way to make transparency work across all browsers is to use a 1px x 1 px transparent GIF image as the background like this:

Code:
 
.boardtable {
background-image: url(http://z1.ifrm.com/0/1/0/p409197/1pxtransparent.gif);





Attached to this post:
Attachments: 1pxtransparent.gif (43 Bytes)
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