Layer 4 copy

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


Please wait - we are now uploading and converting your file...


Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

New Demo showing Tool Tip type Hot Spots on your images!

Here's a new demonstration of how to use the '_tooltip' feature in psd2css Online to make tool tips over sections of your images. We call them Hot Spots. If you have images of products or people or anything you want that you neeed to make special note of this is a great way to do it.

There is no coding required for the Hot Spots. Just use Photoshop to design one tool tip message box. Then draw the Hot Spots over your image (one per layer) and name them with the '_empty' Layer Naming Convention. After you've converted your PSD file to HTML, just edit the DIV for each and add
<code>class="tooltip" title="whatever you want the special message to be"</code>
to each Hot Spot layer that you made. And that's all there is to it!

Check out the demo, then design your web page in Photoshop or Gimp and upload it here to turn it into a fantastic, dynamic web page.

A video tutorial will be coming soon so you can see step by step how to make this web page yourself.

copyright (c) 2009 psd2css Online, Inc.



User login

Become a Fan of our Facebook Page

Need help or have a question?

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content