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

Fire-Tech replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Thanks man and best of luck"
15 hours ago
Fire-Tech replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Have been focusing on my elearning site...completely different software.I was getting really close…"
15 hours ago
George H. Compton IV replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
":( Sorry to see you go my friend.  Best of luck to you and your new network."
15 hours ago
George H. Compton IV replied to Katy Blagg's discussion Resizing Group Icons
"Hello Katy this should do the trick, the code goes into the design studio global CSS section..
@med…"
15 hours ago
⚡JFarrow⌁ replied to Katy Blagg's discussion Resizing Group Icons
"try adding this to see if it helps .groupHub-group.matrix-itemFluid {
max-width:100%
}"
16 hours ago
CocteauBoy replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"I spent THOUSANDS of dollars on SE PHP and it was the biggest mistake I've ever made beyond stickin…"
20 hours ago
George H. Compton IV replied to George H. Compton IV's discussion Add Google translate to all pages. Any network not just Ning networks!!!
"Update 7/21/16 -- Google translate v11 --- The old version no longer works. Google has discontinued…"
yesterday
Kos replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Yeah, where did you go?"
yesterday
Kos replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"I wish I had your patience to manually move everything.  Just the thought gives me a headache.  It'…"
yesterday
The Builder :) replied to The Ning Team's discussion Update on May Service Disruptions
"  Very very thanks Kos. "
yesterday
Fire-Tech replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Yup... shut all of mine down too. Last annual billing closes this month.  Did you ever get SE to wo…"
yesterday
CocteauBoy replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Yeah, I know... it's old news. Still, if we can help any other person from wasting years of money a…"
yesterday
Kos replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"Sorry to see you go Troy but you've conveyed pretty much what everyone feels.  Best of luck buddy. …"
yesterday
Kos replied to manuela stacca's discussion Can I use Ning 2.0?
"Ning no longer issues 2.0 but you can change your title to "looking for a 2.0" and maybe someone ha…"
yesterday
CocteauBoy replied to CocteauBoy's discussion After Years of Enduring Empty Promises, I Am Leaving Ning
"*3+ years since the abandonment began... but I've been with Ning since 2006 or '07. And I finally g…"
yesterday
Kos replied to The Ning Team's discussion Update on May Service Disruptions
"File a ticket online. Bookmark it for future reference http://ec2-75-101-132-140.compute-1.amazonaw&hellip;"
yesterday
The Builder :) replied to The Ning Team's discussion Update on May Service Disruptions
"But I Can't access!   :'(

My site is inaccessible (three days)!!! Whats going on Ning? ==>  http:/…"
yesterday
Kos replied to The Ning Team's discussion Update on May Service Disruptions
"Ning doesn't monitor the forums anymore.  You'll have to go with a ticket."
Wednesday
The Builder :) replied to The Ning Team's discussion Update on May Service Disruptions
"Ning, help us, we have problems with our site."
Wednesday
Kos replied to Katy Blagg's discussion Resizing Group Icons
"Understood.  Maybe someone else here is familiar with tabbed containers..............anyone?  Anyon…"
Wednesday
More…