Coding-Spot

You are not connected. Please login or register

 
 

Repair statistic tab.

Message (Page 1 of 1)


 
New Member

Posted on Sun Jul 21, 2013 8:26 pm

 
CSS:
Code:
<style type="text/css">
#tabswitch{font-family:Arial;font-size:12px;}
#tabswitch ul{list-style:none;margin:0;padding:0;clear:both;height:27px;}
#tabswitch ul li{float:left;margin:0;padding:5px;width:100px;border:solid 1px #EFEFEF;border-bottom:solid 1px #ffffff;cursor:pointer;}
#tabswitch ul li.active{background-color:#EFEFEF;border-bottom:solid 1px #EFEFEF}
#tabswitch ul li:hover{font-weight:bold;}
#tabswitch .tab-container{border:solid 1px #EFEFEF;padding:10px;background-color:#EFEFEF;display:none;}
</style>

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#tabswitch ul li:first").addClass("active");
jQuery("#tabswitch div.tab-container:first").show();

jQuery("#tabswitch ul li").click(function(){
jQuery("#tabswitch div.tab-container").hide();
jQuery("#tabswitch ul li").removeClass("active");

var tab_class = jQuery(this).attr("class");

jQuery("#tabswitch div." + tab_class).show();
jQuery("#tabswitch ul li." + tab_class).addClass("active");
})
});
</script>

HTML:
Code:
<div id="tabswitch">

<ul>
<li class="tab1">Tab 1</li>
<li class="tab2">Tab 2</li>
<li class="tab3">Tab 3</li>
</ul>

<div class="tab-container tab1">
Content for Tab 1
</div>

<div class="tab-container tab2">
Content for Tab 2
</div>

<div class="tab-container tab3">
Content for Tab 3
</div>

</div>

Error:


How do you be completed to appear and content2 content3 content1



View user profile



 
New Member

Posted on Mon Jul 22, 2013 7:59 pm

 
Someone?I need urgently



View user profile



 
CS Staff
CS Staff

Posted on Mon Jul 22, 2013 10:55 pm

 
Maybe you can try statistic tab made from css help = http://www.csshelp.net/t119-turn-statistics-into-tabs-phpbb2-and-punbb-only ;)



View user profile http://atlanta.forumid.net/



 
Administrator
Administrator

Posted on Fri Aug 09, 2013 4:57 pm

 
Still need this? Happy 



View user profile http://coding-spot.darkbb.com



 
Administrator
Administrator

Posted on Mon Aug 19, 2013 4:29 am

 
~ Locked. Topic start not active already.



View user profile http://coding-spot.darkbb.com


#6

Sponsored content


 

Posted Today at 11:52 am

 





Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None