[Gotcha] Amazing Tooltips using HTML

[josipradnik]

Tooltip attribute is hidden gem for a beginner. Not plain text but almost everything from HTML repertoire is there.



I am not a web developer, so I can only try some examples from http://www.w3schools.com/html/
Best of all, you can see temporary result by tooltiping your tooltip while you are developing, in attribute:



Is this amazing or what?

[josipradnik]

Forgot to expose HTML for this example (mostly copy/paste from W3Schools.com):

Tooltip:

<a href="http://www.lianja.com">This is a Lianja link</a> This is a <b>bold</b> tooltip. 
<b>Hello</b> <i>Lianja</i>
<ol>IDENT</ol> <li>LI</li>  <img src="vbulletin4_logo.png" alt="W3Schools.com" > </p><h1>This is heading 1</h1>
<h2 style="color:red">This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5 style="color:brown">This is heading 5</h5>
<h6 style="color:green">This is heading 6</h6>

Notes:
Image (vbulletin4_logo.png here) have to be added in app's folder Image Files.
Link <href... is not really clickable because tooltip is readonly by definition.

[josipradnik]

Today I realized that we do not need to visit W3Schools.com for HTML stuff we can use to decorate tooltips.
We have plenty here on forum in post named BB Code List

http://www.lianja.com/community/misc.php?do=bbcode