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

Robert Paul replied to Tat Ruck's discussion I can't edit text boxes?
"Finally i have ask a ticket now"
1 minute ago
Robert Paul replied to Tat Ruck's discussion I can't edit text boxes?
"No, I have not sent a ticket. If the problem is not resolved tomorrow, I will also send a ticjet"
10 minutes ago
Tat Ruck replied to Tat Ruck's discussion I can't edit text boxes?
"Hmm, very frustrating.  Have you sent in a ticket too?"
20 minutes ago
Robert Paul replied to Tat Ruck's discussion I can't edit text boxes?
"i have exactly the same problem (chrome)"
29 minutes ago
Mike Collins replied to Nancy Marsh's discussion Not able to add video from TED Talks
"This could be a big issue for educational sites like ours where resouces  like TED Talks play…"
1 hour ago
NC for Hire Bernard Lama replied to Vander NG's discussion Content Sharing to Facebook
"Hi Vander, this feature is already available in NING 3.0 Go…"
3 hours ago
Vander NG replied to Alfred Santos's discussion Ning 3.0 "MUST" have a Search Bar
"I have left this network for years and just come back.  I'm surprised to find this post…"
6 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"4 days to go actually.  But i bet they meet their promise this time."
9 hours ago
Kos replied to Nancy Marsh's discussion Not able to add video from TED Talks
"I was told by Ning that they are being selective in what sources they allow for iframe…"
10 hours ago
Alessandro replied to Ning's discussion Update to Product Roadmap and Communication Changes
"3 days left for another roadmap lie to materialize"
10 hours ago
John Bizley replied to Nancy Marsh's discussion Not able to add video from TED Talks
"I had this happen also, because it's an html video the embed does not work quite like a normal…"
11 hours ago
Strumelia replied to Scott's discussion Does anyone have a rumor or ballpark timeline for videos in 3.0?
"Garfield, that's a good analogy- and one that is seldom touched upon here. If you are…"
15 hours ago
Jords replied to NAOS's discussion Ning Please help with Dishonest Ning site owner .
"Is this topic related to this one by chance? If so here is the previous Ning resolution…"
17 hours ago
Fire-Tech replied to Fire-Tech's discussion Member Category Limits
"Thanks Jeff. I submitted a ticket, so hopefully they just have something hung up on their end."
17 hours ago
Fire-Tech replied to Kos's discussion Ratings System
"+1"
17 hours ago
Anam replied to Scott's discussion Does anyone have a rumor or ballpark timeline for videos in 3.0?
"Guess what one has to do? :D Scroll through and Copy any posts you might like to preserve in the…"
18 hours ago
NC for Hire Garfield Creator replied to Scott's discussion Does anyone have a rumor or ballpark timeline for videos in 3.0?
"Damn, if that doesn't spell "don't migrate' I don't know what does. Move…"
18 hours ago
Thomas Peet replied to Thomas Peet's discussion embedding photo thumbnails vs full album
"Yes... this is a ning 2. Being new, I didn't realize there were different forums for each…"
19 hours ago
Strumelia replied to Scott's discussion Does anyone have a rumor or ballpark timeline for videos in 3.0?
"...music player....  ((trembling lower lip))"
20 hours ago
Anam replied to Scott's discussion Does anyone have a rumor or ballpark timeline for videos in 3.0?
"Or archive function. Or site map. Waaaaa-aaaaah...."
20 hours ago