[GET] FBML Tabbed content.

milestone

Regular Member
Joined
Aug 27, 2009
Messages
261
Reaction score
50
With this, you can have "tabs" within on FBML tab or box, depending on which tab the user clicks on, is what they view. Can be fuly customized with images ect. and content can easily be changed.

Here you go :)

As always, PM me for a live demo. :)

Code:
<style>
a.tabtext {font-size:16px; padding-right:5px;}
</style>

<a class="tabtext" href="#" clicktoshow="tab1" clicktohide="tab2,tab3,tab4,tab5">Tab 1</a>
<a class="tabtext" href="#" clicktoshow="tab2" clicktohide="tab1,tab3,tab4,tab5">Tab 2</a>
<a class="tabtext" href="#" clicktoshow="tab3" clicktohide="tab1,tab2,tab4,tab5">Tab 3</a>
<a class="tabtext" href="#" clicktoshow="tab4" clicktohide="tab1,tab2,tab3,tab5">Tab 4</a>
<a class="tabtext" href="#" clicktoshow="tab5" clicktohide="tab1,tab2,tab3,tab4">Tab 5</a>


<div id="tab1">
    Tab 1 content
</div>


<div id="tab2" style="display: none;">
    Tab 2 content
</div>


<div id="tab3" style="display: none;">
    Tab 3 content
</div>


<div id="tab4" style="display: none;">
    Tab 4 content
</div>

<div id="tab5" style="display:none;">
     Tab 5 content
</div>
 
I'm getting lots of PM's so ill put the demo link here :)

Code:
http://www.facebook.com/pages/dEmoFbML/357984331822?v=box_3#!/pages/dEmoFbML/357984331822?v=app_4949752878
 
Instead of showing your real pages, you can always use "Facebook Developers Tools" and check what those codes for FBML, FB Api or FB Connect are doing exactly, and also to test your own codes.

The url is:
Code:
http://developers.facebook.com/tools.php?fbml

Just Copy and Paste milestone's code there, and see it in action.

Thank you milestone for providing this code.

Mr.P
 
NP. It was really easy to make, so I thought I'd share :)
 
Nah, i still havn't worked it out yet. Sorry.
 
Look here,

Code:
http://www.snipe.net/2009/10/mini-site-facebook-static-fbml/

Nice examples.
 
Thankyou, Traucox! Thats where i got the idea from a long time ago, i completely forgot where though so i couldn't credit!
 
Colm, Care to share?.. I highly doubt you have the code..
 
Back
Top