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

Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"plus being that it is a 3rd party chat that is actually iframed onto the ning3 site i think it has…"
59 minutes ago
Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"yes i use chatwing and it is great and that is the page that 90% of my traffic go to but is not for…"
1 hour ago
Kos replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"Chat though can be added using a 3rd party; as many things can."
2 hours ago
Zachary Moonshine replied to Dan "JR" Goodman's discussion 3.0 vs 2.0
"NING 3 looks great on mobile devices and the Blogs and forums is where it shines but it has no chat…"
2 hours ago
Zachary Moonshine replied to Mary Jane Peterson's discussion Power by ning
"Don't listen to me i still haven't had my coffee this morning on a more positive note i wonder is i…"
2 hours ago
Zachary Moonshine replied to FedMedic's discussion Sliders anyone?
"I am using Powr for free on my 3.0 site and it works great too also looks great and fast on mobile…"
3 hours ago
Zachary Moonshine replied to Mary Jane Peterson's discussion Power by ning
"I say screw em they don't care about you why care about them, what are they really gonna do stop ta…"
3 hours ago
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…"
16 hours ago
Kos replied to FedMedic's discussion Sliders anyone?
"POWR is cool, even the free. Diff sizes, diff. fonts, diff. displays and location...........etc."
22 hours ago
Fire-Tech replied to FedMedic's discussion Sliders anyone?
"Yeah, I know all too well my friend :)"
yesterday
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…"
yesterday
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…"
yesterday
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 :)"
yesterday
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."
yesterday
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…"
yesterday
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…"
yesterday
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."
yesterday
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…"
yesterday
Kos replied to Luke Jones's discussion Ning have finally got back to me!!! Lets throw a party :P
"LOL!"
yesterday
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)..."
yesterday
More…