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

Kos replied to Writer Chick {Diane}'s discussion 500 Unexpected Errors tonight ~ Anyone else?
"Yeah, they're back up"
5 hours ago
Poppili replied to Poppili's discussion Is it true Ning doesn't convert 2.0 sites to 3.0 ?
"again thank you for sharing your advice. I'll think about a way to do it..."
7 hours ago
Luke Jones replied to Writer Chick {Diane}'s discussion 500 Unexpected Errors tonight ~ Anyone else?
"Mines alright now :) so you might want to check yours :)"
8 hours ago
Luke Jones replied to Writer Chick {Diane}'s discussion 500 Unexpected Errors tonight ~ Anyone else?
"Yep me!!, and when i did eventually get on to my site, the activity was missing :/ really not a goo…"
8 hours ago
Susan left a comment for Susan
"Anyone have a hard time signing in tonight? June 30th, 2015. "
8 hours ago
Maria Balcells and SSCLUB joined NING NETWORKS EUROPE
11 hours ago
Simon Farnworth replied to Poppili's discussion Is it true Ning doesn't convert 2.0 sites to 3.0 ?
"Interesting how it always seems to be 'Dustin' that is answering help center queries. He must be a…"
13 hours ago
Strumelia replied to Poppili's discussion Is it true Ning doesn't convert 2.0 sites to 3.0 ?
"I understand!
Here's a thought, which might prove helpful in the possible occasion if Glam suddenly…"
13 hours ago
Siem van Westen left a comment for Siem van Westen
"we, mijnzaanstreek.nl , would like to hold an enquiry under all our members.
we think about 3 or 4…"
13 hours ago
Lena A, Lady Shadow )0(, RAYMON MICHAEL POWERS and 4 more joined Ning Creators Network
15 hours ago
SSCLUB is now a member of Tips 4 Ning Creators
16 hours ago
SSCLUB is now a member of NING AFRICA
16 hours ago
Paul Asher replied to Paul Asher's discussion Ning3 Member CSV File
""Do you need just an example of this file ?"
Yes please. I just want to see what it looks like and…"
16 hours ago
Poppili replied to Poppili's discussion Is it true Ning doesn't convert 2.0 sites to 3.0 ?
"thanks a lot ! it is inspiring.
but I can't just throw everything I have all  the discussions... ho…"
16 hours ago
Poppili replied to Paul Asher's discussion Ning3 Member CSV File
"Do you need just an example of this file ?
My dream is to move to jamroom but I am with ning 3.0 an…"
16 hours ago
Jim Kinson replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"Working great on Cross Roads Fellowship, George. Love all the features that you have created and an…"
17 hours ago
lorianne replied to George H. Compton IV's discussion (TIP) Ning 2.0 responsive fullwidth network at any screen resolution. :O Cellphones to TV's ;)
"you are very kind George. i would love to do this, but right now I am up to my eyeballs launching …"
17 hours ago
Strumelia replied to Paul Asher's discussion Ning3 Member CSV File
"I can vouch for Paul's tech abilities- he worked miracles for me!
Plus, he plays a mean accordion."
18 hours ago
Strumelia replied to Poppili's discussion Is it true Ning doesn't convert 2.0 sites to 3.0 ?
"The lack of a content archiver in Ning 3.0 makes it very difficult to move one's network content el…"
18 hours ago
Kos replied to Dreaming Minds's discussion Need tips on selling our Ning network
"lack of resources to maintain the site

Out of curiosity, what resources do you need?  Maybe we can…"
18 hours ago
More…