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

Randy L. Vollett replied to John Bizley's discussion NEW TIP: Tidy Up Title Links In Activity When Adding Lot's Of Discussions In Succesion
"You know if ning had hired you, 3.0 would have been finished long ago. Thanks for all these great t…"
1 hour ago
Kos replied to John Bizley's discussion Noticed Your Articles Follow Button And Link Are Not Quite In The Page At The Bottom Of list Page? Here is a fix
"Small but worthwhile.  Thank you!"
2 hours ago
Kos replied to John Bizley's discussion How To Make Your Photos List Even On Both Side ( useful for those with full page width themes )
"Do you feel like a complete designer by now?  *lol*  Thanks for the tip John."
2 hours ago
John Bizley replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Your most welcome Marshall :-)"
3 hours ago
marshall blake replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Cool John Ty"
3 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Maybe Ning are messing about a bit as just been getting 500 errors or site takes a long time to loa…"
4 hours ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Maybe he has another code in his CSS causing it?"
4 hours ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Maybe he has another code in his CSS causing it?"
4 hours ago
John Bizley replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Hi JF
Everything looks good on my end, tried chrome, FireFox, edge and IE. Here is a screenshot tak…"
4 hours ago
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"JF it looks fine on my pc.  Is is your browser by any chance?"
4 hours ago
JFarrow replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"nice work John.. I was wondering why the Ning system has started to resize our photos so small
for…"
5 hours ago
John Bizley replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Thanks Jen will do that, they may be able to recover the removed posts."
yesterday
Lora replied to Luke Jones's discussion Setting up a server?
"You can find help on this site...
http://excreators.com/"
yesterday
Jen replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Hi John,
The "delete content" box is not checked by default. So, I hope you report this to Ning as…"
yesterday
Kristin replied to Akim Boukhelif's discussion How to restore Ning archives?
"I propose that a .csv would be much more useful for text content."
yesterday
John Bizley replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Hi Jen
I know about the tick box and I am quite sure I didn't tick that. Will have to take a look a…"
yesterday
Jen replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Hi John,
What happened to your tips? When you "Leave" a 3.0 Network, you have the option to "Delete…"
yesterday
John Bizley replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Thanks JF, good to be back. May take a while to gather up my tips but will get there bit by bit :-)"
Thursday
JFarrow replied to John Bizley's discussion Open Links Added In New Tab That Are Not Part Of Your Site
"Thanks John..good to see you back"
Wednesday
Kos replied to John Bizley's discussion All New Photos Page Viewer Layout Code
"Not biggie (lengthen) for me.  Tks"
Wednesday
More…