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

Emin Schmidt replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"We must look for alternatives, there is no other way. Ning is arrogant, no support with email, no s…"
1 hour ago
Emin Schmidt replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Ning destroys my business! I lost all my advertiser beause my networks are too many times down!
Nin…"
1 hour ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I pray that Spruz continues working much better for you. I believe that is where you moved to, Righ…"
1 hour ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"I try to call ning billing team many times and lost over 80 Euro today with hearing music. Just wai…"
1 hour ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"I payed ning some thousends of Euros in the last 6 years with my 3 networks at ning and now becaus…"
1 hour ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"Site is not working, Ning wants more money form me, for what? People start to write articels here i…"
1 hour ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS

Angry customer who will leave ning because you take my money, I loose my adveritsers,
 
realy ni…"
1 hour ago
Kim replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Thank you Janice :)"
2 hours ago
Suki Winthrop replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Yep Kim-  read the last 10 pages or so of the 'Alternatives' thread that Janice just linked to abov…"
2 hours ago
Janice D Carter replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"alternatives to NING"
2 hours ago
Janice D Carter replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"looks like communication has simply stopped again"
2 hours ago
Kim replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Would love to know some alternatives to Ning thats comparable to Ning minus the outrageous prices,…"
2 hours ago
Alexander Wilon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"where did you go?"
2 hours ago
Alexander Wilon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"There is nothing exciting about an overpriced service.  There is no way that many creators (especia…"
2 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I called and spoke to a NING billing person.  I told them American Express was my mediator and the…"
2 hours ago
Jelena replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Lol Eric this reminds me of UCLA hospital where the students practicing with sick people and some d…"
2 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Donna, Fill us in, What happened? Did they agree to a refund? Did they simply shut down the site? I…"
2 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I am officially out of the clutches of NING!  It was wonderful for many years.  And now it is a nig…"
2 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"The problems on the sites is ridiculous. it is getting worse all the time. They may find members so…"
2 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Te escucho, mi amigo. El problema está sucediendo a todos nosotros hoy, y muchos de nosotros son ta…"
2 hours ago
More…