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

Kos replied to Jeffrey Haskins's discussion FYI for those who use monthly billing
"They have, on occasion, screwed up on billing and people have posted here when they did but they ha…"
5 minutes ago
Thisisbully replied to Thisisbully's discussion Anyone have their 3.0 site on Play and I tunes yet?
"I meant to say photos"
27 minutes ago
George H. Compton IV replied to John Bizley's discussion My New Media Centre Including Music
"Very cool idea. John. :-) Anybody with the media website (music, videos etc) might find this very i…"
1 hour ago
Anant Garg replied to Anant Garg's discussion CometChat Network Edition now available for NING
"Thank you George for your kind words :)"
10 hours ago
Zachary Moonshine replied to Thisisbully's discussion Anyone have their 3.0 site on Play and I tunes yet?
"ning 3 does not allow uploading videos only embeds might be why ? and yes we totally need a mobile…"
11 hours ago
John Bizley replied to John Bizley's discussion My New Media Centre Including Music
"Thanks Zachary
The main page is just a custom page using the wide top and two columns beneath, all…"
22 hours ago
John Bizley replied to John Bizley's discussion Added My 'Facebook Style' Layout To My Demo Site For Photos
"Thanks Zachary
I will add all the code etc into my demo site once I finish a few tweaks here and th…"
22 hours ago
Zachary Moonshine replied to John Bizley's discussion Added My 'Facebook Style' Layout To My Demo Site For Photos
"now that is cool man puts the photos big and up top so you can see them and puts comments on the si…"
23 hours ago
Strumelia replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"I'm not having any problems either, in windows/firefox nor Mac/safari."
yesterday
Zachary Moonshine replied to John Bizley's discussion My New Media Centre Including Music
"this looks awesome man i love the layout for this very clean and everything is available "
yesterday
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"yeA its weird its random it happens a whole lot just not every time"
yesterday
Kos replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"That's odd.  It never happens to little old me.  (good luck for a change)"
yesterday
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"see that time i typed i b4  the editor loaded tyoed the rest and it didnt send
i said i have reinst…"
yesterday
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"i"
yesterday
Kos replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"Check your browser or run a scan bro.  I've had no problems here at all (FF)"
yesterday
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"site builder will be perfected by then if u read my tip on how i built the front page forum display…"
yesterday
Kos replied to Rob Nanya's discussion Any simple way to put the site offline?
"Ning had that in 2.0 but hasn't implemented it in 3.0.  At the rate things are going, I'll be in a…"
yesterday
Kos replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"Guess I'll have to make more time to re-visit JR.  Maybe after the holidays.  Just too crazy right…"
yesterday
Zachary Moonshine replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"im gonna sign up in there site so i can start talking to them and see what they can do for me as we…"
yesterday
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"yes exactly  its very good choice  the music is an add in n but they were orifginakly gesared towar…"
yesterday
More…