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

TJ @ jQueryHelp replied to Steve C's discussion Alternative to Photo Albums Needed
"Hi Jeff, From what I've read, Ning has made it clear that there will be no Photo Albums in…"
6 minutes ago
Simon Farnworth replied to Kos's discussion Forums have DISAPPEARED!
"Unfortunately I haven't had a reply from Support in days... I emailed them again and still…"
1 hour ago
Zachary Moonshine replied to Mary Jane Peterson's discussion CometChat
"Ok so only members can access it, what about people on facebook or google ? does it not have a…"
5 hours ago
jeff uhlik replied to Steve C's discussion Alternative to Photo Albums Needed
"I'm a little late to this thread (I teach college and on summer break) but HELLO NING... the…"
6 hours ago
John Bizley replied to John Bizley's discussion My New Splash Screen Utilizing the Ning bar links
"Playing around with some settings at the moment so if you visit the splash page it may look a…"
7 hours ago
Strumelia replied to Kos's discussion Forums have DISAPPEARED!
"I really do sympathize.  I know how upset I would be if it were happening to me.  :("
10 hours ago
Kos replied to Kos's discussion Forums have DISAPPEARED!
"Good to know it's not platform wide.  Thank you Strumelia."
10 hours ago
Strumelia replied to Kos's discussion Forums have DISAPPEARED!
"Kos, I am not experiencing any of this forum issue in my 2.0 today (or ever actually).   …"
10 hours ago
John Bizley replied to John Bizley's discussion My New Splash Screen Utilizing the Ning bar links
"Thanks everyone, I will add all the code although it really is not very much, but first I have to…"
10 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"=8-o   Gee, now yer makin me feel bad! Yes, ironies abound here...sadly.   :( (off…"
11 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I wouldn't take what they say too seriously, they're clearly just a bunch of salesmen.…"
11 hours ago
Thiago Santos de Moraes replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Again escaping the conceptual debate with ironies, rudeness and lack of ability to read ..."
11 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"More and more network creators are finding relief and satisfaction with alternative…"
11 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"The way I see it-   Mode bought up Ning, then immediately downsized Ning staff and spending.…"
12 hours ago
Kos replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Dude, I'm trying.  A three martini lunch was calling my name for a bit there however I…"
12 hours ago
Thiago Santos de Moraes replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Great point, NorCal."
12 hours ago
Thiago Santos de Moraes replied to Ning's discussion Update to Product Roadmap and Communication Changes
"The answer is no, unequivocally no, and you did not prove anything in the other topic. You and your…"
12 hours ago
Nor Cal Social Media replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Hey Kos, rolling with the punches, going with the flow today? Lol! Mode Media's promotion of…"
12 hours ago
Skye replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Well said!"
12 hours ago
Skye replied to Ning's discussion Update to Product Roadmap and Communication Changes
"To the individual who keeps posting and not listening to so many other Creators the answer is Yes…"
12 hours ago