1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[GET] FBML Tabbed content.

Discussion in 'FaceBook' started by milestone, Feb 27, 2010.

  1. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    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>
    
     
    • Thanks Thanks x 6
  2. ShOwA

    ShOwA Regular Member

    Joined:
    Feb 7, 2010
    Messages:
    300
    Likes Received:
    69
    Can I see a Demo?Thanks
     
  3. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Pm Sent.
     
  4. Peter Shaw

    Peter Shaw BANNED BANNED

    Joined:
    Sep 1, 2009
    Messages:
    902
    Likes Received:
    359
    I'll check a demo too :)
     
  5. userx

    userx Newbie

    Joined:
    Dec 7, 2009
    Messages:
    33
    Likes Received:
    1
    Demo Please :D
     
  6. makinbuckz

    makinbuckz Junior Member

    Joined:
    Sep 21, 2009
    Messages:
    152
    Likes Received:
    32
    I'd like a demo please. Much appreciated!
     
  7. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    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
     
  8. Mr.Profit

    Mr.Profit Regular Member

    Joined:
    Dec 22, 2009
    Messages:
    219
    Likes Received:
    471
    Occupation:
    Marketer and SEO
    Location:
    Internet
    Home Page:
    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
     
  9. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    NP. It was really easy to make, so I thought I'd share :)
     
  10. Peter Shaw

    Peter Shaw BANNED BANNED

    Joined:
    Sep 1, 2009
    Messages:
    902
    Likes Received:
    359
    You had any luck creating a code that selects all when the invite window pops up? :)
     
  11. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Nah, i still havn't worked it out yet. Sorry.
     
  12. TraucoX

    TraucoX Registered Member

    Joined:
    Oct 1, 2009
    Messages:
    60
    Likes Received:
    57
    Look here,

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

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Thankyou, Traucox! Thats where i got the idea from a long time ago, i completely forgot where though so i couldn't credit!
     
  14. TraucoX

    TraucoX Registered Member

    Joined:
    Oct 1, 2009
    Messages:
    60
    Likes Received:
    57
    Welcome my friend.
     
  15. ColmDooney

    ColmDooney Registered Member

    Joined:
    Dec 31, 2009
    Messages:
    59
    Likes Received:
    5
    I have that code :D
     
  16. milestone

    milestone Regular Member

    Joined:
    Aug 27, 2009
    Messages:
    261
    Likes Received:
    50
    Colm, Care to share?.. I highly doubt you have the code..
     
  17. lukevoice

    lukevoice Junior Member

    Joined:
    Jan 5, 2010
    Messages:
    100
    Likes Received:
    11
    Demo Please
    Posted via Mobile Device
     
  18. Big_0n3

    Big_0n3 Senior Member

    Joined:
    Dec 2, 2009
    Messages:
    1,109
    Likes Received:
    85
    Here is the demo !
     
    • Thanks Thanks x 1