Here is the tool tip demo. Tool tips are easy - just make a layer in your PSD file with the Layer Naming Convention '_tooltip' in the name, then put a '_text' section inside it for the text of your tool tips. You make it work by wrapping anything with a span tag where the class is 'tooltip' and the title is the text you want to show up in your tooltip. It's that easy. Here is an example, and here is another. Cool, huh?

Download the PSD file used to make this page here:

psd2css Online
Free, Fast and Easy CSS Web Pages

psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. Use Photoshop or The Gimp to express yourself and create the most professional, aesthetically perfect and functional designs you can think of. CSS stands for Cascading Style Sheets and is technically the best way to build your web pages.

Upload your Photoshop design, download your HTML file and images. It's that simple.


Hi! This is the spot that you gave the label 'tt_text'. Replace this with whatever text or html you want! Don't forget to edit the font and color options in the CSS id definition for this layer too (Layer-4).