Text effects in Web Studio
Web Studio 5 Tutorials and Add On's - supporting you take your website that next step

Tooltip using a class

 WSnext buy now Add on effect - Thank-you for help with maintaining the website and for understanding my time


In Web Studio you can add a title to images and text links
This add on will turn the titles you add a class to into a tooltip
If you use titles on most elements then with this option you can choose which ones to add a tooltip
You can customize the colors for the tooltips to match your website

Not to be confused with the page HTML title these use image and text title attributes
A title attribute provides additional information which can used to describe the image or text links
A tooltip is a small pop-up window that appears when a user pauses the mouse pointer over an element
A class is a selector or basically just a way to name some element on your page so the code knows what to use

Example of a Tooltip on text links

For text links you put your tooltip in the optional descrption box then use edit HTML to add the class

You can use a page link or other link for these WSnext forum

Put your tooltip in the links<BR>optional description box
Use edit html to add the class<BR>name to your text

Example of a Tooltip on an image or images with links

Add your link like you always do if you use one
Type the tooltip in the graphic alternate text message box then add the class with inside object

You can use regular images or protected graphics

The Tooltip goes in the<BR>graphic alternate text box
Use inside object to<BR>add the class name

Example of Tooltips using a transparent image

Make your transparent images any size with web studio
once you've made one you can copy / paste it to use them in different places

I'll also show you how to merge two web studio draw shapes to make
transparent images that you can then put over anything you like for tooltips
An example of that is adding more information to images like below

Click on the graphic button
Put your tooltip in the alternate text box
Use inside object to<BR>add the class name
Look in the HTML tab for<BR>for insert object HTML
Copy paste the class name<BR>Inside Object

There is no download for this add on

The buy now link will show you how to copy/paste the add on into Web Studio
If you need any additional help feel free to ask on the WSnext forum


After the secure "Paypal" link you
will be taken to the code page


These effects are not officially part of Web Studio

Web Studio 5 - Tooltips using a class - by Web Studio Next