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 Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"One would think if 'Ning' was fiddling in the backroom with their codes, the same would have happen…"
2 minutes ago
Kos replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"It's extremely strange.  I would definitely check your Design Studio 'History' and see if using one…"
7 minutes ago
SweetPotato replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Same here, but in Theme CSS for a client. Most disconcerting. Off to the Facebook page to ask why .…"
2 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Are you saying that this is all that was left?"
4 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"I don't know if they'll come back - I just meant that for me it was as if the Design Studio reverte…"
4 hours ago
SweetPotato replied to Vipster's discussion How to change the text color of one navigation tab with CSS in Ning 2.0?
"Thanks John, a good reference for what you're describing can be found here

https://developer.mozi&hellip;"
5 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Is it possible to get the backup from History? I have changed the theme itself.I'll see how it goes."
8 hours ago
Jen replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Wow, not good. Could you not get your CSS back using the history feature?"
8 hours ago
Vipster replied to Vipster's discussion How to change the text color of one navigation tab with CSS in Ning 2.0?
"That's working. Thanks!"
11 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"You mean, the CSS codes will come back. By the way, how would I know which default theme is being u…"
11 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Hello Tim,
Actually, there is only below CSS scripts which I didn't add. I had added huge chunk of…"
11 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Mind you, these things tend to happen when Ning is testing stuff...this could be a positive develop…"
12 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Similar happened to me - lost a couple of revisions I'd recently made, but not whole CSS - did any…"
12 hours ago
Tim Atkinson replied to Kos's discussion OK Ning Wizards - I Need Your Help
12 hours ago
Strumelia replied to Traddie's discussion Contingency Planning. What's Yours?
"I know very little as well about all this.  But... I believe the only platforms that will actually…"
12 hours ago
Writer Chick {Diane} replied to Jeffrey Haskins's discussion Interesting post on Ning Facebook.....
"Your opinion carries a lot of weight around here, as does JFarrow's.  :) "
14 hours ago
John Bizley replied to Vipster's discussion How to change the text color of one navigation tab with CSS in Ning 2.0?
"You can do it by specifying the url of the tab in css to change a colour of a particular tab, this…"
15 hours ago
Donna Mac replied to Tim Atkinson's discussion My letter to Bernard Desarnauts, SVP & GM, Ning
"That does indeed sound like your solution!  :)"
17 hours ago
Strumelia replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Yay!  I'm going to be part of building/migrating my beta test network site on Jamroom-  big, big th…"
17 hours ago
Ken Rich replied to Tim Atkinson's discussion My letter to Bernard Desarnauts, SVP & GM, Ning
"Well it seems there is another viable path out of Ning, which only makes me happier, because I hate…"
17 hours ago
More…