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

Jords replied to Baller's discussion Ads Showing up in the middle of blogs
"Hopefully they will get back to you ASAP!"
2 minutes ago
Jords replied to Baller's discussion Ads Showing up in the middle of blogs
"23. Mode Content Creators Ning’s parent company, Mode Media Corporation, offers certain…"
3 minutes ago
Baller replied to Baller's discussion Ads Showing up in the middle of blogs
"I did.. and target is not on the calendar for ads. No response yet. "
44 minutes ago
Strumelia replied to Baller's discussion Ads Showing up in the middle of blogs
"This had better not be something ModeGlam is planning for all of us.  That's all i can…"
44 minutes ago
Jords replied to Baller's discussion Ads Showing up in the middle of blogs
"Oooh, so your a Glam content creator that's utilizing the Ning platform. That solves why they…"
49 minutes ago
Baller replied to Baller's discussion Ads Showing up in the middle of blogs
"I have been apart of the glam network since 2008. "
52 minutes ago
Baller replied to Baller's discussion Ads Showing up in the middle of blogs
"Now its on the sidebar and pushing down my other ads. "
52 minutes ago
NC for Hire Jen replied to Baller's discussion Ads Showing up in the middle of blogs
"Hi Kos, New TOS? What are you referring to? I know nothing about Mode placing ads in 3.0 sites. If…"
57 minutes ago
Jords replied to Baller's discussion Ads Showing up in the middle of blogs
"Not sure if you know, but you have additional branding on your network below your footer:"
1 hour ago
Strumelia replied to Baller's discussion Ads Showing up in the middle of blogs
"WHAT. THE. HELL?    ????!!!!!"
1 hour ago
Fire-Tech replied to Baller's discussion Ads Showing up in the middle of blogs
"So much for Beta testing volunteers ;)"
1 hour ago
Profile IconNing via Facebook
Thumbnail

Designing The Perfect Newcomer To Regular Journey Part 1 http://ow.ly/zbLXh

See More
Facebook1 hour ago · Reply
Tim replied to Tim's discussion Paid Groups Not Updating
"I must say, this is quite the disaster.  I've had to manually let 4 members in today.…"
1 hour ago
NC for Hire Garfield Creator replied to Baller's discussion Ads Showing up in the middle of blogs
"I can understand that "there will be trouble!" This fashion is definitely not 1940's…"
2 hours ago
Tim Atkinson replied to Baller's discussion Ads Showing up in the middle of blogs
"Yes, I just realised that looking at the tools drop down. D'oh. I just can't get my head…"
2 hours ago
Kos replied to Baller's discussion Ads Showing up in the middle of blogs
"Yes, it's a 2.0 site"
2 hours ago
Tim Atkinson replied to Baller's discussion Ads Showing up in the middle of blogs
"Hi Baller, I'm guessing this is on 2.0, given the location of the discussion - if it's…"
2 hours ago
John Bizley replied to Baller's discussion Ads Showing up in the middle of blogs
"If they had warned us they where going to do this then I think NC's would have left in their…"
2 hours ago
George H. Compton IV replied to George H. Compton IV's discussion "TIP N2.0" Customize your sign in page with css
"Hello Mateo.. I'm sorry it's not working for you. I originally wrote this tip for Ning…"
3 hours ago
NC for Hire Garfield Creator replied to Baller's discussion Ads Showing up in the middle of blogs
"It would have been nice at the very least if they had warned Baller let alone us. This led to…"
3 hours ago