The '_close' Example

In this example you'll see how to make 'close' buttons in your web page that will close any content on your page that you would like - all without writing a single line of code

When ever you have an element of your page that you would like to be able to close or make disappear in a nice animated fashion, use the '_close' feature. Put a layer inside the layer that you would like to make closeable and name that layer something with the letters '_close' in it. When you convert that PSD file with psd2css Online, you will automatically get code generated that will make that _close layer behave as a button to close whatever layer it is inside (it's parent).

On this page, we used the '_link' and '_menu' Layer Naming Conventions to make a simple drop down menu (I did removed the lines to stop the menu from closing by itself automatically). As you can see, you can now use the _close box to close the menu.

Here is the PSD file used to make this page
http://psd2cssonline.com/tutorials/close/close.psd

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.

http://psd2cssonline.com

t_link
t_menu
x_close
This is an example of the _cl