Current status of the Ning Platform is always available on the Ning Status Blog.

FORUM

NC for Hire

This is the latest Ning Tip on JenSocial. See it in action: JenSocial.com

I'm enjoying this effect on my site. It is a simple block of CSS that adds an extra flare of elegance to your Home Page Listings for Latest Activity, Blogs and Forums, when hovered.

The CSS will add an image background when someone hovers a listing or entry. You can replace the image below with your chosen image. You can also change the code from background:url to background-color:#e6e6e6, and change to color of your choice.

Edit attached code to suit your preferences, and add to Advanced CSS via:
My Network/Settings/Appearance

/** Add Hover Background Effect for Latest Activity and Forums - HOME PAGE **/
.xg_widget_main .module_forum .discussion:hover {background:url("https://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png") repeat scroll 0 0 transparent;}
.xg_widget_main .feed-story:hover {background:url("https://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png") repeat scroll 0 0!important;}

.xg_widget_main .module_blog .blogpost:hover {background:url("https://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg_alt.png") repeat scroll 0 0 transparent!important;}

/** End Hover Effect **/

It appears that the Discussion boxes are messing up the image url. Use the attached file for code.

Enjoy!
Jen

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Replies

  • I added this last night and it is a great tip.. thanks  Jen 

  • Hi Jen!

    This is great!! thank you!!! you think it could be done something similar in the blog?

    • NC for Hire

      Glad you like it!

      Try this:

      .xg_widget_main .module_blog .blogpost:hover {background:url(https://static.ning.com/socialnetworkmain/widgets/index/gfx/table/bg...) repeat scroll 0 0 transparent!important;}

       

      I updated the tip to include blog posts.

    • NC for Hire
      That is for the leaderboard, and not related to this tip.
      Try this:
      table tr.alt {background-image:none; background-color:#ff0000!important;}
      Best,
      Jen
  • NC for Hire

    See, if you had started a new topic, many people could benefit from the code. ;-)

  • NC for Hire

    ;-)

  • Works great, thanks!

  • this is not working for me - strange. I'll keep trying.

    • NC for Hire

      Brian,

      The LA had a column indicator and shouldn't have. I have updated the code. Hopefully that will help.

      Best,

      Jen

  • great tip thank you, it works fine in blogs and forum but is not working in the latest activity

This reply was deleted.

Announcements

 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Kevin Acosta posted a discussion
Our site has been down for 5 or 6 days now, I don't know why or how to set a Ning Support help tick…
4 hours ago
Anna_Ning_Support replied to Fabricio Giugni's discussion
Help. Need to replace the Like button.
"Hello,
Our developer can assist you with the code.
Please, send us all the details and the code you…"
22 hours ago
Paul Corona replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"check Anna's reply !  "
yesterday
Paul Corona replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Mucho bueno !!!!  Thank you !!!!"
yesterday
Blockchain Properti Indonesia liked Anastasia_Ning_Support's discussion Join our new webinar on August 22nd!
yesterday
Anna_Ning_Support replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Hello,
In order to have the site in the desktop view on the mobile device, you need to deactivate t…"
yesterday
Michelle Gilbert, CA, APAIA liked ⚡JFarrow⌁'s video in Ning Powered Events
Friday
J.Ayvar replied to Paul Corona's discussion
Mobile Version- Open to Desktop View
"Hello @ Paul. Ning 2  should be responsible .i am wating for these feature too."
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Thank you Ning! SEO Improvement Features!
"Thank you Anastasia.. have a great weekend"
Friday
Anastasia_Ning_Support posted a discussion
 
Hello everyone!
Are you ready to level up your marketing skills? Join our new webinar on August 2…
Friday
Paul Corona posted a discussion
Ok- I'm a diehard desktop user but once in awhile I'll check our site on my phone.....Since most pe…
Friday
Alessandro replied to SweetPotato's discussion
Ning 3.0 Tip: Infinite Scroll for Photos (Loading More Images ... )
"I found out for groups! Groups are loading automaticatlly on scroll!
In itemSelector you need to ch…"
Friday
More…

Meanwhile, you can check our social media channels