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
}

Tags: Make your forum module pop, Tips for creators, just a helpful module tip

Views: 211

Reply to This

Replies to This Discussion

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!

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

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;
}

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

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

Thank you!

RSS

Latest Activity

Gary W Norman replied to Gary W Norman's discussion 'Tagline Font Size or Type - can it be changed?'
"So am I Kos and thanks again for your help! ..and thanks to James too!  Now let me ask…"
11 minutes ago
Yaron replied to Allison Leahy's discussion 'Changes to Ning 3.0 Based on Your Feedback'
"Thank you"
51 minutes ago
Allison Leahy replied to Allison Leahy's discussion 'Changes to Ning 3.0 Based on Your Feedback'
"Thanks, Yaron. Happy to communicate your feedback regarding fullscreen video embeds back to the…"
55 minutes ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Not quite clear what Jon is stating here. It reads to me as though a Disqus user can simply login…"
1 hour ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
" "
1 hour ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"To be clear, the suggestion to integrate a Ning login with the Disqus commenting system has been…"
1 hour ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Yes, you can enable it in the Admin Panel. When you use the Universal Code to generate their panel…"
1 hour ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Like Immediately!!!!!!! NOW I WANT IT BAD!!!"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service