Activity Stream
48,167 MEMBERS
62634 ONLINE
besthostingforums On YouTube Subscribe to our Newsletter besthostingforums On Twitter besthostingforums On Facebook besthostingforums On facebook groups

Results 1 to 4 of 4
  1.     
    #1
    Member
    Website's:
    litewarez.net litewarez.com triniwarez.com

    Default Facebook style tabs

    Heres some facebook style tabs i bade that you can use in your website



    Code
    Code: 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Facebook styletabs</title>
    <style type="text/css">
    #tabs_container{
    	margin: 0px;
    	padding: 10px 0px 0px;
    	display:block;
    	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
    	font-size:11px;
    }
    #tabs_container ul.tabs{
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    	-webkit-padding-start: 40px;
    }
    #tabs_container .tabs li{
    	background-color: #D8DFEA;
    	float: left;
    	margin: 0px 2px 0px 0px;
    	overflow: hidden;
    	position: relative;
    }
    #tabs_container .tabs li.selected{
    	background: white;
    	margin-bottom: -2px;
    	margin-top: -2px;
    }
    #tabs_container .tabs li a{
    	border:1px solid #D8DFEA;
    	border-bottom: 0px;
    	display: block;
    	font-size: 13px;
    	font-weight: bold;
    	padding: 3px 11px;
    	white-space: nowrap;
    	color: #3B5998;
    	cursor: pointer;
    	text-decoration: none;
    }
    #tabs_container .tabs li.selected a{
    	color: #333;
    	font-size: 13px;
    	padding: 5px 10px 4px;
    }
    </style>
    </head>
    <body>
    <div id="tabs_container">
    	<ul class="tabs">
        	<li class="selected"><a href="#">Home</a></li>
            <li class=""><a href="#">KWWHunction</a></li>
            <li class=""><a href="#">Litewarez</a></li>
    		<li class=""><a href="#">Triniwarez</a></li>
    		<li class=""><a href="#">Katz</a></li>
    		<li class=""><a href="#">Forums</a></li>
        </ul>
    </div>
    </body>
    </html>
    litewarez Reviewed by litewarez on . Facebook style tabs Heres some facebook style tabs i bade that you can use in your website :D http://www.imgcentre.com/images/icsnap1310850143.png Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Rating: 5
    Join Litewarez.net today and become apart of the community.
    Unique | Clean | Advanced (All with you in mind)
    Downloads | Webmasters


    Notifications,Forum,Chat,Community all at Litewarez Webmasters


  2.   Sponsored Links

  3.     
    #2
    Member
    TY for sharing.


  4.     
    #3
    Too busy :|
    Website's:
    L337Fx.com BeastieBay.net
    But, how will the content come ?
    I mean, there should be one more div tag to show content within one tab
    Thanks for this

  5.     
    #4
    Member
    Website's:
    litewarez.net litewarez.com triniwarez.com
    This is only to show you how you can use the css to create facebook like tabs.. not to show you how to create a tabber system
    Join Litewarez.net today and become apart of the community.
    Unique | Clean | Advanced (All with you in mind)
    Downloads | Webmasters


    Notifications,Forum,Chat,Community all at Litewarez Webmasters


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Replies: 2
    Last Post: 21st Jul 2011, 01:01 AM
  2. Add Tabs on Facebook
    By Sponge Bob in forum Webmaster Discussion
    Replies: 7
    Last Post: 19th Jul 2011, 07:29 PM
  3. [Selling] FaceBook groups - old style
    By egysoldier in forum Completed Transactions
    Replies: 2
    Last Post: 8th Apr 2011, 07:57 PM
  4. AdminCP Tabs not working
    By Raptile in forum vBulletin
    Replies: 14
    Last Post: 7th Jul 2010, 02:39 PM
  5. Simple Rounded image (Facebook style)
    By litewarez in forum Tutorials and Guides
    Replies: 11
    Last Post: 11th Dec 2009, 06:25 PM

Tags for this Thread

BE SOCIAL