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

Writer Chick {Diane} replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"I still like 3 better than anything I've seen out there. Maybe it's not right for some of you, but…"
1 hour ago
Kos replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"LOL!"
2 hours ago
Fire-Tech replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"New Developer Mode will like rock too...Like, aha :p
... had to...(old timer feeling old)..."
2 hours ago
Sam O'Prey, Pedro de H.Abuhassan, Execed and 1 more joined Ning Creators Network
5 hours ago
Mary Jane Peterson replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"I wish they do some thing  "
8 hours ago
Mary Jane Peterson replied to Mary Jane Peterson's discussion Power by ning
"thank you 

ning is so unfair on their customers "
8 hours ago
Strumelia replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"I don't feel you can call something great based on what it 'might' be, some day...or not.  It certa…"
9 hours ago
Strumelia replied to Mary Jane Peterson's discussion Power by ning
"Or... buy somebody's 2.0 network and make it into what you want. You can still freely remove the Po…"
10 hours ago
Kos replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"They're completely different from who they were.  3.0 is still a great platform though; IF Ning com…"
10 hours ago
Rowald replied to Mary Jane Peterson's discussion Power by ning
"There is a way but it's against Ning's new (ridiculous) TOS."
10 hours ago
Rowald replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"Even if they release all features I could think of I wonder if Ning/Glam could ever win trust back.…"
10 hours ago
Kos replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"The fact he actually said yes, is encouraging.  Taking forever?  Yeah............but it's nonethele…"
12 hours ago
Strumelia replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"Earth calling Luke, earth calling Luke... they've been saying exactly that for two years now. "
12 hours ago
Luke Jones replied to Badan Barman's discussion Ning 2.0 Network is Available for Sale
"Its stupid isn't it aha"
12 hours ago
Strumelia replied to Badan Barman's discussion Ning 2.0 Network is Available for Sale
"Yep.  And us current 2.0 owners are still paying the same prices for our networks as you see above…"
13 hours ago
Luke Jones replied to John Bizley's discussion Another Variation Of My Clean Type Photo Page
"O right,that's how I want it to look aha, but It doesn't look like the photo :/ ahai think its unde…"
14 hours ago
Luke Jones replied to Badan Barman's discussion Ning 2.0 Network is Available for Sale
"Jesus, the pricing on 2.0 was less for more, and the pricing on the 3.0 is more for much less, its…"
14 hours ago
Badan Barman replied to Badan Barman's discussion Ning 2.0 Network is Available for Sale
"Dear Luke Jones, I hope Strumelia has clarified all the points. To be simple here are three importa…"
22 hours ago
Badan Barman replied to Badan Barman's discussion Ning 2.0 Network is Available for Sale
"Dear Garfield,
Yes the network is created by using my email id and I am the single admin over the p…"
22 hours ago
Kos replied to FedMedic's discussion Sliders anyone?
"Thanks.  I was just looking for something small and simple for a 2.0 but I'll take a look at them."
yesterday
More…