HomeHome  
  • WelcomeWelcome  
  • Events  
  • PublicationsPublications  
  • FAQFAQ  
  • SearchSearch  
  • MemberlistMemberlist  
  • UsergroupsUsergroups  
  • RegisterRegister  
  • Log inLog in  
  • You are not connected. Please login or register


    How to add Tipsy Tooltip

    Go to page : Previous  1, 2, 3, 4  Next


    • Co-Founder

        Reputation : 39
        Registered on : 2012-02-26
        Posts : 284
      First topic message reminder :

      Title of the resource


      Description


      This tutorial will show you how to add Tipsy Tooltips to your forum!


      Demo



      Code

      You have to reply to this topic to see the code (avoid Flood)


      General Informations

      Code creator: Mathias (debugger)
      Code tested on: Recent browsers
      Checked by: Niko
      Extra infos: Choose the position of the tooltip
      To choose the position of the tooltip, i.e on which side of the text it will display, you have to edit this code:

      Code:
      gravity: 's'


      • If you write 's' after "gravity:", the tooltip will appear above the text.
      • If you write 'n' after "gravity:", the tooltip will appear below the text.
      • If you write 'e' after "gravity:", the tooltip will appear on the left side of the text.
      • If you write 'w' after "gravity:", the tooltip will appear on the right side of the text.



      Codes last updated on 28th May 2014 by Niko



      Last edited by Mathias on Sun Apr 08, 2012 10:07 am; edited 3 times in total

      avatar
      • I'm a new member :)


          Reputation : 1
          Registered on : 2014-06-13
          Posts : 5
          Love Fmcodes
        thanks for code

        avatar
        • **


            Reputation : 0
            Registered on : 2012-10-11
            Posts : 19
          Will be checking this code.

          avatar
          • **


              Reputation : 0
              Registered on : 2014-07-25
              Posts : 20
              Love Fmcodes
            nice  :)

            avatar
            • **


                Reputation : 0
                Registered on : 2014-08-20
                Posts : 17
                Love Fmcodes
              nice :3

              avatar
              • **


                  Reputation : 0
                  Registered on : 2014-07-11
                  Posts : 15
                  Love Fmcodes
                Very nice. Thanks for sharing

                avatar
                • **


                    Reputation : 0
                    Registered on : 2014-05-11
                    Posts : 20
                    Love Fmcodes
                  thanks alot

                  avatar
                  • ***


                      Reputation : 0
                      Registered on : 2013-08-28
                      Posts : 31
                      LG
                    Thanks for the tutorial :3 

                    avatar
                    • **


                        Reputation : 0
                        Registered on : 2013-08-05
                        Posts : 12
                      thanks for these

                      avatar
                      • I'm a new member :)


                          Reputation : 0
                          Registered on : 2012-05-10
                          Posts : 8
                        Thank you...

                        avatar
                        • **


                            Reputation : 0
                            Registered on : 2014-11-29
                            Posts : 18
                            Love Fmcodes
                          afsaas

                          avatar
                          • **


                              Reputation : 0
                              Registered on : 2014-12-13
                              Posts : 23
                              Love Fmcodes
                            These tooltips are cool

                            avatar
                            • **


                                Reputation : 0
                                Registered on : 2015-02-15
                                Posts : 14
                                Love Fmcodes
                              thanks i guess i liked to see image
                              Grin

                              avatar
                              • **


                                  Reputation : 0
                                  Registered on : 2015-03-18
                                  Posts : 23
                                  Love Fmcodes
                                test

                                avatar
                                • **


                                    Reputation : 0
                                    Registered on : 2014-11-21
                                    Posts : 17
                                    Love Fmcodes
                                  Very nice tutorial :)

                                  avatar
                                  • **


                                      Reputation : 1
                                      Registered on : 2012-02-25
                                      Posts : 18
                                    These tooltips are cool

                                    avatar
                                    • ***


                                        Reputation : 1
                                        Registered on : 2014-11-17
                                        Posts : 32
                                        Love Fmcodes
                                      good job

                                      avatar
                                      • **


                                          Reputation : 0
                                          Registered on : 2015-04-05
                                          Posts : 13
                                          Love Fmcodes
                                        Sad there isn't a demo picture

                                        avatar
                                        • ***


                                            Reputation : 0
                                            Registered on : 2015-05-26
                                            Posts : 27
                                            Love Fmcodes
                                          thanks

                                          avatar
                                          • **


                                              Reputation : 0
                                              Registered on : 2015-03-27
                                              Posts : 13
                                              Love Fmcodes
                                            using this now

                                            avatar
                                            • ***


                                                Reputation : 0
                                                Registered on : 2014-03-02
                                                Posts : 35
                                                great!
                                              thanks!

                                              avatar
                                              • **


                                                  Reputation : 0
                                                  Registered on : 2016-03-22
                                                  Posts : 18
                                                  Love Fmcodes
                                                This is so cool, thank you for sharing!

                                                avatar
                                                • I'm a new member :)


                                                    Reputation : 0
                                                    Registered on : 2016-07-19
                                                    Posts : 4
                                                    Love Fmcodes
                                                  Thanks !

                                                  avatar
                                                  • **


                                                      Reputation : 0
                                                      Registered on : 2016-07-19
                                                      Posts : 17
                                                    ty

                                                    avatar
                                                    • **


                                                        Reputation : 0
                                                        Registered on : 2016-07-19
                                                        Posts : 17
                                                        Love Fmcodes
                                                      Good tut !

                                                      avatar
                                                      • ***


                                                          Reputation : 0
                                                          Registered on : 2016-08-10
                                                          Posts : 46
                                                          Love Fmcodes
                                                        thanks for the tutorial its to good nice

                                                        Go to page : Previous  1, 2, 3, 4  Next


                                                        YOUR BANNER HERE
                                                        728x90
                                                        DMCA.com Protection Status
                                                        © PunBB | Contact | Report an abuse