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

SAMUEL QUELES replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
5 hours ago
SAMUEL QUELES replied to Calico's discussion Como um membro solicita entrar num GRUPO no 3.0 ? in Criadores Brasileiros - Brazilian Creators
"Olá Calico,
O criador do grupo, no momento da criação define se ela será aberta, fechada e pode ain…"
6 hours ago
SAMUEL QUELES replied to Thiago Santos de Moraes's discussion Exemplos de comunidades inspiradoras usando o Ning 3.0 in Criadores Brasileiros - Brazilian Creators
"Olá Calico.
Obrigado pela observação. Eu alterei o layout da página e dei uma enxugada boa. 
Valeu!"
6 hours ago
JFarrow replied to Luke Jones's discussion Change code to a url so you can "install it"
"what if it is already installed?"
14 hours ago
SweetPotato replied to Luke Jones's discussion Change code to a url so you can "install it"
"I would suggest this company has the wrong guy :-)"
15 hours ago
Steve Clarke, M, Lajos Lanyi and 1 more joined Ning Creators Network
yesterday
JFarrow replied to Castleforte's discussion Connecting to a Facebook Group
"First you can pull FB Group RSS feeds into pages via RSS modules, but you'll need to get the feed f…"
yesterday
JFarrow replied to Luke Jones's discussion Change code to a url so you can "install it"
"Install what?"
yesterday
Paul Asher replied to Paul Asher's discussion Ning3 Member CSV File
"Done - Thanks :-)"
yesterday
Zachary Moonshine replied to Paul Asher's discussion Ning3 Member CSV File
"sure man "
yesterday
Paul Asher replied to Paul Asher's discussion Ning3 Member CSV File
"Cool Zach. Can I put your site on the N2JR wall of fame?
https://www.jamroom.net/ning-to-jamroom/&hellip;"
yesterday
Zachary Moonshine replied to Paul Asher's discussion Ning3 Member CSV File
"I just have to say I love Jamroom it is amazing I have forgotten all about NING in the last few wee…"
yesterday
Fire-Tech replied to Odino's discussion More space between modules
"Hard to say without seeing the site to check the code. If !important isn't working. Try to call it…"
yesterday
Kos replied to Odino's discussion More space between modules
"Did you try to increase the margin size in the code above?  Maybe someone else will chime in here b…"
Sunday
Odino replied to Odino's discussion More space between modules
"OMG I don't know why I wrote this, I'm sorry!!!!
I wanted to write: can I INCREASE the space betwee…"
Sunday
Kos replied to Poppili's discussion Have you heard of Mightybell ?
"Looks like posts, events and chat.  Very, very basic.  Nothing more are this point.  They're still…"
Sunday
Kos replied to Odino's discussion More space between modules
"You said you want a "little more" space.  Now you're saying you want to reduce.  I'm not sure which…"
Sunday
Odino replied to Odino's discussion More space between modules
"Thanks for the reply. 
Now my network is closed and private, so only members can log-in. 
So I atta…"
Sunday
Kos replied to Lady Shadow )0('s discussion Member issues HELP please
"Yes, Ning itself was down for a few hours yesterday.  Could've been your problem.  Hopefully that w…"
Sunday
Lady Shadow )0( replied to Lady Shadow )0('s discussion Member issues HELP please
"Ning still best platform I have gone spruz   its ok  but I personally dont like the platform as it…"
Sunday
More…