FANDOM


  • At the suggestion of Omyx and the agreement that this would be useful, we've implemented a brand new feature for the users of BTFF to enjoy.

    To sum it up, Tooltips is basically an easy-to-use hovertext alternative. You just pop this code into your page:

    <span class="basic-tooltip" title="Text to show inside tooltip">Basic tooltips</span>
    

    And you'll get this:

    Basic tooltips

    Now, you may be wondering why we installed a feature that basically just does the exact same thing as hovertext, which we already had. That's where Advanced Tooltips come in.

    Hovertext and normal Tooltips only allow you to display text when hovering over the trigger area. Advanced Tooltips, on the other hand, allows you to display more or less whatever you want. Just pop this code into your page:

    <span class="advanced-tooltip">Advanced tooltips<div class="tooltip-contents">Tooltip content<br/><code>Including HTML tags</code></div></span>
    

    And you'll get this:

    Advanced tooltips
    Tooltip content
    Including HTML tags

    To pop in whatever you want, just pop whatever code you want to use between the div tags and you'll be good to go. You can use this to display templates, images, fancy trivia, whatever you want, really. Just make sure not to go overboard to the point where it gets obtrusive.

    Just a heads up, there's a glitch with Wikia (wow such a surprise /s) where the Classic Editor will automatically place each of the tags for the Advanced Tooltips coding on separate lines. This has the unfortunate side effect of breaking the code entirely. You should be fine implementing the code with Classic Editor when first creating the page, but future edits to the page should be done in VisualEditor until Wikia gets their crap together.

    Note that this glitch doesn't seem to happen with the basic Tooltips, so those should be fine.

      Loading editor
    • Quick update, another glitch has been discovered where Wikia automatically removes the closing span tags from the advanced tooltips code because reasons. We are working to resolve this issue, but until then, it is not recommended to use Advanced Tooltips.

        Loading editor
    • Alrighty boys, Advanced Tooltips is back on the menu!

      What you're gonna need to do is copy-paste the source code for this template to your own template page and replace the "code" tags with whatever coding you want. That includes coding for other templates, so you can basically make new versions of your templates that pop up when you hover over stuff. Neato Dorito, amirite?

      The basic code to slap on pages for the default template is this:

      {{AdvancedToolTips|sample readable text|sample text that shows up when hovering over the readable text}}
      

      Note that the default template only supports text, and you'll have to make your own templates to support more complicated stuff.

        Loading editor
    • An Anonymous User
        Loading editor
Give Kudos to this message
You've given this message Kudos!
See who gave Kudos to this message
Community content is available under CC-BY-SA unless otherwise noted.