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:
Multiquote (on) Multiquote (off)
Add Reply
Separating the c_mark etc
Topic Started: Aug 17 2014, 06:51 AM (324 Views)
Jason
Member Avatar
Member
[ *  *  *  *  * ]
Hi,

Is there an easy way to separate the c_mark and the c_forums so they appear to float? Here's an image of what I want to achieve -

Posted Image

Cheers!
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
I'm not sure whether this would work, but could you add a thick border of the same colour as your background image around the different sections? This would give the impression of floating.
Offline Profile Quote Post Goto Top
 
Jason
Member Avatar
Member
[ *  *  *  *  * ]
Tried that but couldn't get it to work, might be because I'm using a repeating image as the background rather than a solid colour though. Having looked through all the theme databases I can't see anywhere where it has been done previously either, so I'm starting to suspect that it isn't possible.
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
What about a border with opacity: 0.0;? Would that work or not?
Offline Profile Quote Post Goto Top
 
Jason
Member Avatar
Member
[ *  *  *  *  * ]
Doesn't seem to, pretty much tried everything I think. Starting to think it isn't possible especially as I haven't ever seen it on ZB before.
Offline Profile Quote Post Goto Top
 
Pete B
Member
[ *  *  *  *  *  *  *  * ]
Code:
 
.forums {
border-collapse: separate;
border-spacing: 10px;
}


How's that?
Offline Profile Quote Post Goto Top
 
Jason
Member Avatar
Member
[ *  *  *  *  * ]
Now that must be just about the only thing I didn't try, exactly what I was trying (and failing miserably) to achieve!

Thanks Pete.
Offline Profile Quote Post Goto Top
 
-The-
Member Avatar
#the { display: none; }
[ *  *  *  *  * ]
That was a really neat solution, thanks for that Pete. I can see a a few themes where others could use that!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply