See All Of The Web Site/Page Building Tools At HandsOnLine.netSee All The GUI = Graphical User Interface Tools at HandsOnLine.net

GUI = Graphical User Interface, the Images, Icons, Buttons... the Web Surfer uses to Interface With, i.e. Navigate, a Web Site.  Create GUI's for your site instantly for free with   GUI Tools !

Add This Page To Favorites
Flash Generators
Flash navigation bar generator.
Floating, expandable drop-down menu.
Flash-based content tooltips.
Top Navigation Bar generator.
Flash status bar, for content notes.

Graphic Generators
Graphic navigation button bar generator. 20+ styles.
Advanced Mouse-Over navigation bar generator.
From-based drop-down menu generator.
3D Text Creation Tool.

Javascript/CSS Code Generators
Create Code For Pop Up Windows.
Create Code For Pop Up Windows.
Java Based Drop Down Menus.
Code CSS tags for buttons, forms, and text.
Create Colored Scrollbars, like the ones on this page.

DHTML Generators
CSS-based navigational bar generator.
Floating, expandable Docking Menu.
Customizable content tooltips.

Top of this page.
More Tools for Web Page/Site Building.
Add A Link To Your Site.
©2001 HandsOnLine.net

Flash Tooltip Generator


Here a Flash Version of Tooltips. When the HTML tag "alt=" doesn't relay the information you'd like it to, Flash tooltips let you to give your users more detailed descriptions. Note: Flash tooltips work only with Internet Explorer browsers, Netscape will have no tooltip effect.

Here is an example of how it works (Mouse Over Me!).



To Install Flash tooltips:

*Pick the tooltips background color and click the "Create!" button.
A new window will open. From the new window:

*Download the Flash file and save it as  tt4.swf  in the same directory as the page(s) that the Flash tooltips will appear on.

*Copy the 3 areas of generated code and paste into your page(s) i.e. HTML document(s) as directed and as follows:
1) Between the <head>  -  </head> tags.
2) In the <body> tag.
3) Right after the <body> tag.

*Enter the content for each tooltip. There are 2 areas - the title area, and the content area. Replace  ENTER YOUR TOOLTIP TITLE HERE  &  ENTER YOUR TOOLTIP CONTENT HERE   with your title and content, see Example 1:

Example 1 :

*To trigger a tooltip that is a hyperlink, insert the onMouseover and onMouseout properties from example 1 inside the hyperlink tags  (<a...  -   </a>)  as in Example 2:

Example 2 :

Replace  http://PAGE TO LINK . TO/page.htm  With the URL of the page to link to.
Replace  TEXT FOR LINK  With the text to click on for the link.

*To use an Image for a link:
Replace  TEXT FOR LINK  With the source of the image
<img src="http://YOUR IMAGE.file" border="0" width="88" height="31">
as in Example 3:

Example 3 :


*To assign a tooltip to text or an image that is not a link, use a tag "javascript:void(0)" as in Example 4:

Example 4 :

*You may copy the above examples and replace the content areas, link URL's and TEXT FOR LINK or "<img src=...>" with your own.

Tooltip Properties
Background Color:
Click here for a palette of Hex values -