Make your forum module pop!

[Add a Tip for Other Network Creators (Ning 2.0)]

Here is a simple tip to make your forum module seemingly pop as well as a simple tip to change it's color. This works for the homepage forums, and group forums.

Place in advanced css, in design studio.

.module_forum .category, .module_forum .vcard {
border: 2px solid #ccc; change border color here
padding: 4px;
background: #f1f1f1; Change background color here
box-shadow: 4px 5px 4px #888; this the hover effect
}

[doone]

Thanks, it looks good and works.  I don't see any hover effect though?  What do mean by that line?  Nevermind, I see it now!  Great work!

[doone]

It also works for blogs but not notes, maybe I have the wrong name for notes or notes are just an old feature.

[George H. Compton IV]

Awesome job :-)

You'll also want to add These box shadows for compatibility with other browsers

-moz-box-shadow: 4px 5px 4px #888;
-webkit-box-shadow: 4px 5px 4px #888;

so it will look like this

.module_forum .category, .module_forum .vcard {
   border: 2px solid #ccc;
   padding: 4px;
   background: #f1f1f1;
   box-shadow: 4px 5px 4px #888;
   -moz-box-shadow: 4px 5px 4px #888;
   -webkit-box-shadow: 4px 5px 4px #888;
}

[Armani Rouse]

Hey george is this the similar effect of how our forums and blogs hover effect is and color change?

[George H. Compton IV]

yes it is just about the same.  Just different colors & no zoom and color transform FX

my discussion

Tip customize your forum page and the forum preview on your main page

[Lupe Tyrell]

Thank you!