Layer 4 copy
doc
tut
blog
forum
doc
tut
blog
forum
home

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.

Your own custom class names

I've been asked and asked so I finally made it. Now your layer names will become class names for each layer that you create in your photoshop design.

This way, you can create readable classes for the DIV's generated for your design. Even the spaces are honored so you can define multiple classes for any layer/DIV. And since layer names don't need to be unique, you can give a number of your layers the same class name so that they can all be easily styled from your CSS.

Of course all the dangerous characters are stripped so just use alpha characters, numerals, your underscores and spaces.

Time to get creative with your CSS and jQuery selectors!

Cheers

Thank you for this feature I have up to this point been renaming all the divs and images manually... Thanks! Oh and hows the new design coming?

Hi Jay - Coming along nicely.

Hi Jay -

Coming along nicely. In fact iterating on it is how I realized how useful those class names are :)

Now you can write external CSS and JS and use the Layer name / class name selectors - and if you modify the PSD and reconvert it all the external CSS and JS selectors still work! So awesome.

Thanks.

--
Shaun

copyright (c) 2009 psd2css Online, Inc.

 

 

User login

Become a Fan of our Facebook Page

Need help or have a question?
support@psd2cssonline.com

| Privacy | Terms of Use |

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

Syndicate content