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

Eric Sewerz left a comment for Eric Sewerz
"Heh. Just goofing off everyone. It's really me. I'm so thrilled that all of you saw this and reache…"
35 minutes ago
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Ning have replied to me as follows

Thanks for writing. I have taken a look into group comment wall…"
1 hour ago
Fire-Tech left a comment for Eric Sewerz
"Nice! Maybe Eric was the real Dr Who?"
1 hour ago
Fire-Tech replied to Fire-Tech's discussion 3.0 Tip: Relocate Your Comment & Reply Buttons
"Exactly. Shouldn't have to code the basics, but I doubt it would be high on their list of prioritie…"
1 hour ago
Nor Cal Social Media replied to Fire-Tech's discussion 3.0 Tip: Relocate Your Comment & Reply Buttons
"Yep. Good tip. Basic UX. Same goes for Twitter/Facebook being at the top of posts when they should…"
1 hour ago
ceri shaw left a comment for Eric Sewerz
"Is this perhaps the true face of Mode? Customers are 'fans of the finger? Subtle :)"
2 hours ago
ceri shaw replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Yes very interesting indeed....clearly the Ning customer service rep was being 'economical with the…"
2 hours ago
steve replied to John Bizley's discussion A few tweaks I made to my activity feed
"really nice site john,, im actually moving my IPB forum with 600 members over to ning 3 in a bit an…"
3 hours ago
Fire-Tech replied to Fire-Tech's discussion 3.0 Tip: Relocate Your Comment & Reply Buttons
"Lol..yeah, a no brainer. Wish Ning stayed on Creators here so they could use the product and see so…"
3 hours ago
steve left a comment for Eric Sewerz
"it is odd this because he says he want help with his test network breaking the first rule of netiqu…"
4 hours ago
Russell Rager replied to John Bizley's discussion A few tweaks I made to my activity feed
"Your site looks awesome John! Thanks for sharing. How did you get your posted Youtube links to show…"
4 hours ago
Strumelia left a comment for Eric Sewerz
"I find it a bit disturbing, because it seems as though someone has taken over Eric's actual profile…"
4 hours ago
Writer Chick {Diane} left a comment for Eric Sewerz
"I'm snickering at the name of the Creator of that network.  *snort*  Very creative word play. ;) "
6 hours ago
Lea Scott replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Interesting Ceri that Ning told you the status update was disabled globally...mines still working l…"
6 hours ago
SweetPotato left a comment for Eric Sewerz
"V. Strange.

Will the real Eric please stand up.

SP"
7 hours ago
Strumelia replied to Asil's discussion Photo Slideshows Fail in NING 2.0
"oops and now it's gone for me again, just as you said."
7 hours ago
Strumelia left a comment for Eric Sewerz
"Are you the same Eric that used to be a moderator here?  --Or are you someone who took over his pro…"
7 hours ago
Garfield Creator left a comment for Eric Sewerz
"I just looked at your site. I would call a plumber right away. There was a community moderator here…"
7 hours ago
Eric Sewerz left a comment for Eric Sewerz
"SOMEONE PLEEZ HELP ME FIX MY TEST NETWORK!!!! IT'S BEEN DOWN FOR OVER 24 HOURS!!!! http://thepuppet…"
7 hours ago
Eric Sewerz left a comment for Eric Sewerz
"My test network is down. So sad. "
7 hours ago
More…