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

Forum

NC for Hire

Preview of Final Results. Checkout Live demo here!
Last updated 4/22/12 to fix issues address herehere and here! :p

Step 1

Setup center column of feature layout. Follow setting below and save your changes.

Step 2

The HTML: Copy and paste the html code below to the 1st textbox that we add on the
center column (see screenshot above). Important:make sure that you are in html mode when
pasting the code and save your changes.

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="http://api.ning.com:80/files/DqaYw0w2aP8cGpmnJaUeANBZEljATNhsP2-p20hs*owSe1zEW9DArfoXTfCWDlSMLy2jhBFT*QlsMHGDrN4rVjYIlt*X3VzQ/1059729990.bin" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('.xj_leaderboard_module').addClass('indented_content');
$("ul.tabs").tabs(".indented_content");
});
</script>
<ul class="tabs">
<li><a class="current" href="#">Monthly Top 10</a></li>
<li><a href="#">Latest Activity</a></li>
<li><a href="#">Discussions</a></li>
<li><a href="#">Blogs</a></li>
</ul>

Step 3 (Final)

The Custom CSS: Copy and paste the css code below to the Advance section of your design
Studio or advance appearance if you are using the old editor. Important: there may be a need to
change some of the values on each properties below since we have different settings of our network themes. Please do so when needed.

 

ul.tabs {
height: 42px;
}
ul.tabs li {
background: none repeat scroll 0 0 #054C83;
border-right: 1px solid #FFFFFF;
float: left;
list-style: none outside none !important;
margin: 0 !important;
text-align: center;
width: 122px;
}
ul.tabs a, ul.tabs li a:hover {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
padding: 5px 0;
}
ul.tabs a.current {
width: 122px;
}
ul.tabs li:hover, ul.tabs a.current {
background: none repeat scroll 0 0 #0088C3;
color: #FFFFFF;
}
ul.tabs a.current:after {
border-color: #0088C3 transparent;
border-style: solid;
border-width: 10px 10px 0;
content: "";
display: block;
margin-left: 10%;
margin-top: 5px;
position: absolute;
width: 0;
}

 

save now your changes and your good to go. If you still in trouble following my steps please drop your questions down below and I will get back to you as fast as I can.

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

Join Ning Creators Network

Email me when people reply –

Replies

  • AWESOME donating to you today thanks

  • awsome. i used it for diffrent gadgets..

    Code is simple and clear.. previous discussiona nd previous attempts of NC,s was so complex

  • i want to add videos and Text boxex and groups. what will be the additional code. i tryed by increasing  li tags in HTML but its not working

  • Woot Woot!! You just save me some $$$ Thanks!! +1

  • how cn i change the tab position..i want latest activity tab first,then discussions,then blogs and topten?

    • Solo for now

      <a class="current" href="#">Latest Activity</a>

      • thanks Ismail

      • Hi,
        I did that and it doesn't work... Still goes to leaders board by default... Maybe it's necessary to change some more code...

  • love you lol

  • excellent

This reply was deleted.

Search the Creators Network

Latest Activity

Chris Richards replied to John Bizley's discussion A few tweaks I made to my activity feed
"excellent.. very nice John!"
3 minutes ago
John Bizley replied to Fire-Tech's discussion 3.0 Tip: Status Update Box Tweaks
"Here's mine FT
.status-container{ background-color: lightgray;background-image: linear-gradient(sl…"
11 minutes ago
JFarrow replied to Fire-Tech's discussion 3.0 Tip: Status Update Box Tweaks
"nice one FT!"
55 minutes ago
Asil replied to Asil's discussion Photo Slideshows Fail in NING 2.0
"[Here is the reply I received from NING Support.]
Joanna (Ning Help Center)
Jul 30 01:15 PM
After t…"
1 hour ago
Thisisbully replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"everything on my feeds work fine twitter feeds rss from other sites and its very resonsive it shows…"
1 hour ago
John Bizley replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"The activity feed is cropping posted photos so heads are getting cut of because it's cropping squar…"
1 hour ago
Patrick EMIN is now a member of Ning Powered Events
1 hour ago
Natalie H. replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Just received this reply in response to my ticket.

"Thank you for getting in touch with our team.…"
1 hour ago
Julie replied to PeruCool's discussion Alternatives to Ning social network
"Anyone go to wordpress/buddypress? I just read back about 10 pages, but I wasn't able to go back fa…"
2 hours ago
Writer Chick {Diane} replied to C.Brickhouse's discussion Be Kind
"Is this a 2.0 or a 3.0?  
Whichever, it looks amazing!! I don't see where it "needs a lot of work"…"
2 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"That actually would be fabulous. let people choose whether they want to have it visible in Settings…"
3 hours ago
John Bizley replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"I agree Anam that yes there should be a way to see these comments from the comment walls to make mo…"
3 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"That would be acceptable. I see your point. But if we have to wait as long as we have waited for th…"
3 hours ago
John Bizley replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"What I meant by this Anam was for a group to have it's very own activity feed, ie no other content…"
3 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Yes, i can see your point John. And I would accept if an activity feed was limited to each group. B…"
3 hours ago
John Bizley replied to Fire-Tech's discussion 3.0 Tip: Status Update Box Tweaks
"Very good FT, I have a few tips for it also so will pop a post on for them. Looks nice though, keep…"
3 hours ago
John Bizley replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Anam I do not mind the comments from a groups comment wall not showing up as for me, my opinion so…"
3 hours ago
Edie2k2 replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Could I see your 3.0 Thiago?"
3 hours ago
Anthony "DarkGemineye" Johnson replied to Anthony "DarkGemineye" Johnson's discussion PlayStation Haven is back. Let me know what you think.
"Thank you much appreciated :)"
3 hours ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"But Discussions posted in groups DO show up on new Latest Activity feed. Just not Comments on the G…"
3 hours ago
More…