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

Vander NG replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I have been using Ning for 6 years, and yes, I love Ning from my day one, especially the support fr…"
7 minutes ago
Kos replied to FedMedic's discussion Sliders anyone?
"POWR is cool, even the free. Diff sizes, diff. fonts, diff. displays and location...........etc."
6 hours ago
Fire-Tech replied to FedMedic's discussion Sliders anyone?
"Yeah, I know all too well my friend :)"
8 hours ago
FedMedic replied to FedMedic's discussion Sliders anyone?
"I just got back on here to read the suggestions. I'll let you know when I try Fire-Tech's suggestio…"
8 hours ago
FedMedic replied to FedMedic's discussion Sliders anyone?
"Hi Fire-Tech, I removed the code. Sorry it took me so long to get back here. Being in the fire busi…"
8 hours ago
Luke Jones replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"Ah right,will check then,thanks Kos :)"
9 hours ago
Kos replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"I would check w/them, then a/b mobile."
9 hours ago
Luke Jones replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"Thanks Kos :) I have comet chat, but I mean't when people are writing a private message and on comm…"
9 hours ago
Kos replied to Luke Jones's discussion My member's can't use the Emoji's when their using their phones
"I use "Cometchat" and while members have to manually type it in, they work.  idk a/b Chatabox.  Sor…"
9 hours ago
Rowald replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"We can not judge something is good from one perspective."
18 hours ago
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…"
21 hours ago
Kos replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"LOL!"
22 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)..."
22 hours ago
Sam O'Prey, Pedro de H.Abuhassan, Execed and 1 more joined Ning Creators Network
yesterday
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  "
yesterday
Mary Jane Peterson replied to Mary Jane Peterson's discussion Power by ning
"thank you 

ning is so unfair on their customers "
yesterday
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…"
yesterday
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…"
yesterday
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…"
yesterday
Rowald replied to Mary Jane Peterson's discussion Power by ning
"There is a way but it's against Ning's new (ridiculous) TOS."
yesterday
More…