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

  • excellent

This reply was deleted.

Search the Creators Network

Latest Activity

Rowald replied to Ning's discussion Update to Product Roadmap and Communication Changes
"They are straight out lying. Nice policy. They are not working on anything."
2 hours ago
Simon Farnworth replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Oh my! That's terrifying!! Let's hope it's a typo and the meant hays not months!!! I…"
2 hours ago
Tat Ruck replied to Tat Ruck's discussion I can't edit text boxes?
"Mine is fixed too now."
3 hours ago
Tat Ruck replied to Tat Ruck's discussion I can't edit text boxes?
"Oh no!  Did you file a ticket?  I can't phone as not on that level of payment plan.…"
3 hours ago
Anna replied to Tat Ruck's discussion I can't edit text boxes?
"Glad your issues are fixed. My network is still entirely screwed up! I can't even edit any…"
3 hours ago
Dunamis replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I sent a mail to Ning to ask how far with activity updates and the promise of July. This was the…"
3 hours ago
Tat Ruck replied to Tat Ruck's discussion I can't edit text boxes?
"Just got up (morning in the UK) - and the edit boxes are back. Looks like the javascript problem…"
3 hours ago
Alexander replied to Crystal's discussion Welcome to Creators 3.0!
"It's clear Glam media gained out of your misfortune and you were misled. You should be…"
8 hours ago
Alexander replied to Crystal's discussion Welcome to Creators 3.0!
"I don't want to switch to 3 until it's ready."
8 hours ago
Alexander favorited Crystal's discussion Welcome to Creators 3.0!
8 hours ago
Strumelia replied to Strumelia's discussion Can't use 'REPLY' to make a reply post in a forum, quoted from the previous post.
"Looks like the Ning teck support fixed this issue quickly as well as the other javascript/edit…"
9 hours ago
Fire-Tech replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"+1"
10 hours ago
Donna Mac replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"Well for me.....My site is running on 2.0 and my "sandbox" is sitting there doing…"
10 hours ago
Strumelia replied to Tat Ruck's discussion I can't edit text boxes?
"Rajat (responding to my ticket) seems to have fixed my edit button issue now.  Yay…"
11 hours ago
Strumelia replied to Tat Ruck's discussion I can't edit text boxes?
"Make sure you tell them this in a help ticket-  it might assist them when testing fixes. …"
11 hours ago
Andrzej Góralczyk replied to Tat Ruck's discussion I can't edit text boxes?
"I have the same problem, and hard clear of Firefox doesn,t work.I noticed that what is damaged is…"
11 hours ago
NC for Hire SweetPotato replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"Hmmm. How about now?"
11 hours ago
Writer Chick {Diane} replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"Sounds good. "
11 hours ago
Fire-Tech replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"No communications, No updates...Nothing worth talking about... hanging in the shadows and working…"
11 hours ago
NC for Hire SweetPotato replied to Bernard Lama's discussion Where Have All Ning Creators Gone?
"I've repurposed my somewhat defunct themes…"
11 hours ago