Introduction[]
Tooltips are HTML, CSS, and WikiText items that show more info about an item when hovered on. They're similar to References, but not exactly the same. Tooltips only works on computers with mouse(s).
Below is an example:
Please note, that although the code for tooltips may LOOK like they are attributes, they are not! So editors, please refrain from putting this page in the 'Attributes' category. Thanks!
The Tooltip Code[]
With No Attributes[]
To make a tooltip, simply type:
<div title="TOOLTIP CONTENT">Content</div>
Replace TOOLTIP CONTENT with whatever you want the content of the tooltip to be! To add a line, just hit enter.
With Attributes[]
Adding attributes is slightly more tricky. Add the following after "TOOLTIP CONTENT".
style="CODE"
Replace CODE with Attributes of your choice from the attributes page! Below are some examples of tooltips on text, and on other items!
Examples[]
The code for this:
<div style="color: aqua; font-size: 12px; text-shadow: 1px 2px 4px gray" title="This is a tooltip!"><b>HOVER ON ME FOR A TOOLTIP</b></div>
The code for this:
<div style="color: black; font-size:12px; cursor:help" title="A tooltip with a cool [[Cursor]]!"><b>HOVER ON ME FOR A TOOLTIP! </b></div>
| Look! | You | Can | Add |
| Tooltips | To | Tables, | too! |
| With | Individual | Ones | For |
| Each | Sector! | Cool, | Right? |
The code for this:
{|
|style="border:1px solid green; padding: 3px 2px" title="I'm looking..."|Look!
|style="border:1px solid green; padding: 3px 2px" title="hehe"|You
|style="border:1px solid green; padding: 3px 2px" title="more tooltipness"|Can
|style="border:1px solid green; padding: 3px 2px" title="even more tooltipness"|Add
|-
|style="border:1px solid green; padding: 3px 2px" title="What about them?"|Tooltips
|style="border:1px solid green; padding: 3px 2px" title="my hands are getting tired"|To
|style="border:1px solid green; padding: 3px 2px" title="The next tooltip I'm just gonna copy and paste for all of the rest"|Tables,
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|too!
|-
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|With
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|Individual
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|Ones
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|For
|-
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|Each
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|Sector!
|style="border:1px solid green; padding: 3px 2px" title="Hello World!"|Cool,
|style="border:1px solid green; padding: 3px 2px" title="Right!"|Right?
|}
