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

  • when I tried the code one of my tabs ended up on the bottom left. I am using the 3 column layout but the tabs do not seem to fit. Would I just change the width 122px to something smaler?

This reply was deleted.

Search the Creators Network

Latest Activity

Fire-Tech replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Find PHP classes you like here. Add to wishlist. Wait for them to go on sale for $10 if you don't w…"
4 minutes ago
Suki Winthrop replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Roxanne not sure what exactly you r asking to george, but- if you have a ning 2 site you can use th…"
27 minutes ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I totally love Spruz...however....the only thing that I am bugged about is there is no way to send…"
1 hour ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I would like to be able to learn PHP.. I can't afford to take classes to learn it. What would be a…"
1 hour ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I have been exploring Spruz, Fingers now crossed, I haven't had any spammers yet. When I explored D…"
1 hour ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I have actually had responses. Thankfully. Usually it took several days for the site to become acce…"
1 hour ago
Chad Burt replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Quick thought...look at this tracert from one of my many users that have had problems for weeks:
Tr…"
1 hour ago
Roxanne Furlong replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"George, Can you explain this in layman (or doesn't know crap) terms? I have no idea how or what to…"
2 hours ago
Suzie Nielsen replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Yeah, I guess it is not the answer... now I hear folks are checking with their servers..."
2 hours ago
Shadow replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Thank you and yes. dealing with such diversity age or mindset is hard to please all.. but mind that…"
2 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"My site is private by approval only so I guess that would not apply.  I also don't have the name Sp…"
2 hours ago
Shadow replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Have you noticed a bunch of spamming in Spruz.. I had asked one here about Spruz as it was suggeste…"
3 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I checked the isitdownrightnow.com and my site was indeed down.  I could not get to it from any pho…"
3 hours ago
Asil replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"@Donna Mac.  I suspect the issue was with your Internet Service Provider (ISP).  I was on the phone…"
3 hours ago
Suki Winthrop replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Donna that sounds like Sruz is the perfect fit foryou then- so happy you will be ok! :)"
4 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I totally agree.  The work I did with SE PHP was labor intensive and a learning experience that I d…"
4 hours ago
Suki Winthrop replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Hey Donna, i think your last sentence says it all.  We look for something 'as good as ning'- but ni…"
4 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Social Engine PHP has all the info AND Spruz has the membership profiles.  SE is offline.  WAY TOO…"
5 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I have all of my content on SocialEngine PHP but it is offline.  I have member profiles and member…"
5 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"When my site was down not one single browser worked.  I have Chrome, Safari, Firefox and Opera.  NA…"
5 hours ago
More…