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

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."
1 hour ago
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 "
1 hour ago
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"
6 hours ago
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)"
6 hours ago
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…"
6 hours ago
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"i"
6 hours ago
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)"
6 hours ago
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…"
8 hours ago
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…"
9 hours ago
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…"
9 hours ago
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…"
9 hours ago
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…"
10 hours ago
Zachary Moonshine replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"jamroom may be a good spot to stick my radio in the future if ning does not work out after checking…"
10 hours ago
Strumelia replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"Each of the 3 has its strengths and non-strengths.  No one choice fits all."
10 hours ago
Zachary Moonshine replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"i want music as a plugin to the site but not its main focus i am more interested in having somethin…"
10 hours ago
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"bad pr
look at how frackings  screwing up the environment   like crazy but then exxon puts out an a…"
10 hours ago
soaringeagle replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"why those when jamrooms built for music at its core"
10 hours ago
Strumelia replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"FWIW-  I hear from someone who has tried both that the learning curve is much easier on SEphp than…"
10 hours ago
Zachary Moonshine replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"i know i wonder about that too"
10 hours ago
Strumelia replied to soaringeagle's discussion ning to jamroom just got eassier and more powerful
"Well who knows whether they are going to shut down or not- but just the non communication screws us…"
10 hours ago
More…