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

Donna Mac replied to PeruCool's discussion Alternatives to Ning social network
"My domain name is registered with Network Solutions and they could not even offer a dedicated serve…"
34 minutes ago
Fire-Tech replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"New update works good now. Thanks for working the bugs out...time for some CSS tweaks ;)"
51 minutes ago
steve replied to PeruCool's discussion Alternatives to Ning social network
"you have made a wise choice going for dedicated, i have been reading this topic and following whats…"
1 hour ago
Laura Occhipinti replied to PeruCool's discussion Alternatives to Ning social network
"Thanks for the info."
1 hour ago
Strumelia replied to PeruCool's discussion Alternatives to Ning social network
"Aubrey are you directing that at me?"
1 hour ago
Strumelia replied to PeruCool's discussion Alternatives to Ning social network
"Laura, the SE-Cloud version does not have things like Groups and Videos and many other fab plugins-…"
1 hour ago
Aubrey Williams replied to PeruCool's discussion Alternatives to Ning social network
"Absolutely awesome review and info - THANKS!!!"
1 hour ago
Donna Mac replied to PeruCool's discussion Alternatives to Ning social network
"Thanks!"
2 hours ago
Donna Mac replied to PeruCool's discussion Alternatives to Ning social network
"Laura:  I think I answered this in our emails....but in case I didn't.....no you don't.  :)"
2 hours ago
marshall blake replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Sense the activity feed update I have been having trouble viewing profile pages on my network. Has…"
2 hours ago
Perrie Halpern replied to PeruCool's discussion Alternatives to Ning social network
"Great Job Donna. I am very impressed!"
2 hours ago
ceri shaw replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Tab container issue resolved for now....fingers crossed it's permanent this time......feed still no…"
2 hours ago
ceri shaw replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Very steep learning curve but self hosted,  open source and infinitely flexible....here is a page f…"
2 hours ago
C.Brickhouse replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"I was looking into joomla I really like there layouts and found one perfect for what I am trying to…"
2 hours ago
C.Brickhouse replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"when I add a video link to the activity feed no preview shows up only the link am I doing something…"
2 hours ago
ceri shaw replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"I'm going to work on my Joomla site.....this is a waste of time."
2 hours ago
Laura Occhipinti replied to C.Brickhouse's discussion Be Kind
"It was slow to load for me but that could be my wifi.  I think your header looks great and I LOVE t…"
2 hours ago
Laura Occhipinti left a comment for Donna Mac
"Donna - Can you email me your socialengine url at Laura @ NJYP.org  I would LOVE to see it. Thank y…"
2 hours ago
Laura Occhipinti replied to PeruCool's discussion Alternatives to Ning social network
"I'm going to message you now.  "
2 hours ago
Laura Occhipinti replied to PeruCool's discussion Alternatives to Ning social network
"Do you still need a server if you use their cloud (sorry, I'm clueless)."
2 hours ago
More…