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

ceri shaw replied to John Bizley's discussion A few tweaks I made to my activity feed
"Many thanks for posting John....just implemented this on my site and it looks great. Now if only Ni…"
37 minutes ago
TJ @ jQueryHelp left a comment for Eric Sewerz
"Good to see you here, Eric!  Wishing you all the best!"
1 hour ago
TJ @ jQueryHelp replied to Fire-Tech's discussion 3.0 Tip: Relocate Your Comment & Reply Buttons
"Great tip, FT, thanks!"
1 hour ago
SweetPotato left a comment for Eric Sewerz
"More dedicated than Ning are that's for sure! :-(

Good to hear from you, Mr Sewerz, I hope you're…"
1 hour ago
Nor Cal Social Media left a comment for Eric Sewerz
"Ha ha he got you all bitches."
3 hours ago
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…"
4 hours 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…"
5 hours ago
Fire-Tech left a comment for Eric Sewerz
"Nice! Maybe Eric was the real Dr Who?"
5 hours 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…"
5 hours 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…"
5 hours ago
ceri shaw left a comment for Eric Sewerz
"Is this perhaps the true face of Mode? Customers are 'fans of the finger? Subtle :)"
6 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…"
6 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…"
7 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…"
7 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…"
8 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…"
8 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…"
9 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. ;) "
10 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…"
11 hours ago
SweetPotato left a comment for Eric Sewerz
"V. Strange.

Will the real Eric please stand up.

SP"
11 hours ago
More…