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

Jeff Bean replied to Jeff Bean's discussion News on Ning 3.0 Migration?
"Thanks, Strumelia. I'll follow them on FB in case that's where they decide to communicate…"
1 hour ago
Donna Mac replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I totally cracked up at that word too!  LOL"
1 hour ago
Dominic Lehane replied to Dominic Lehane's discussion Confirmation Email
"Thank you for all your replies. It sadly seems to me that this is a major flaw for not just myself,…"
2 hours ago
TJ @ jQueryHelp replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Hi Skye, Thanks for the love!  I can't speak for anyone else so I won't speculate on…"
2 hours ago
Jamie Baker replied to John Bizley's discussion Ver2 Video Page Using an Articles Page ( updated with the code I used )
"Thanks Diane, that makes three of us :)"
2 hours ago
Strumelia replied to Jeff Bean's discussion News on Ning 3.0 Migration?
"Jeff, this from Ning's FB page from July 17th:"
2 hours ago
Skye replied to Ning's discussion Update to Product Roadmap and Communication Changes
"OH NOOOO"
3 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Right on. I have it on good advisement that's actually JFarrow."
3 hours ago
Skye replied to Ning's discussion Update to Product Roadmap and Communication Changes
"The Red Jump suit is priceless, just couldn't avert my eyes lol."
3 hours ago
Skye replied to Ning's discussion Update to Product Roadmap and Communication Changes
"The constancy of being negative certainly can get anyone down if applied to someones life yet this…"
4 hours ago
Tyler Durbin replied to Dominic Lehane's discussion Confirmation Email
"I am also having probs with this and Hotmail.  There should be a way for us to edit this info…"
4 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"On that note, "What's up with Ning 3.0?""
4 hours ago
NAOS replied to NAOS's discussion Ning Please help with Dishonest Ning site owner .
"Yes you are correct, and thanks for responding. This individual has been at it a very long time,…"
4 hours ago
Nor Cal Social Media replied to Dominic Lehane's discussion Confirmation Email
"It was on the main page, and I couldn't say "What's up with that"."
4 hours ago
Strumelia replied to Dominic Lehane's discussion Confirmation Email
"Maybe you just saw it in the activity feed.  Or in forums, under 'recent activity',…"
4 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Glad you liked it. Hat tip to Gina Bianchini for coming up with that during a talk last year."
4 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"looking like a company that's lost in all the huffery and…"
4 hours ago
Nor Cal Social Media replied to Dominic Lehane's discussion Confirmation Email
"Good question. I meant featured in the sense it came up on the main page forum display, but I see…"
4 hours ago
Strumelia replied to NAOS's discussion Ning Please help with Dishonest Ning site owner .
"Sounds pretty awful.  But this battle gets posted periodically here every few months, always…"
4 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Yeah, this company's communications strategy is sorry... divide and conquer, keep the…"
4 hours ago