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.

Image Rollovers for your Links!

Now it's getting fun. Here is how you get image roll overs for your buttons and links fast and easy.

Here is the .psd file used in the tutorial:
http://psd2cssonline.com/tutorials/rollovers/PhotoshopRoll.psd

Here is what psd2css Online generates from that .psd file:
http://psd2cssonline.com/tutorials/rollovers/index.html

Update! psd2css Online has undergone many updates since this video was made. The functionality is still there, but the generated code, and the psd2css Online website look much better now. Note too that now the code generator will create a target for your href tags for you based on the name of your _link or _linkover layers. A layer named index_link will generated an href tag pointing to index.html for example.

Here's the video:

Have fun and thanks!

can you keep layer styles?

when you do the linkovers, can you keep the layer styles, or do you have to fully rasterize?

Hi - Both :) You can keep

Hi -

Both :)
You can keep the layer styles _by_ rasterizing. When you rasterize, all the styles get baked into the rasterized layer.

--
Shaun

hey buddy, yours alot stuff come handy but one problem

Its like rollover links don't work on my PC and even when i tried your demo. Please help me... THANX

Joomla

Hi,

Does this work also for Joomla template, in fact are all tutorials also usable for Joomla templates? If so, it is great! If not, it's still great ;0)

links that stay in an other color

Hi,

Very handy stuff, but is it somehow possible to give a link an other color, to indicate on witch page you are?

btw, thx for this great site!

Davy

Genial!! Cool!

Este sitio es Genial!

This web is cool!!

Gracias!

thanks!

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 psd2css Online, Inc.
Patent Pending

Syndicate content