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!

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.

Linkover

Hi!
This site is just great. I started to build a website, but my 'linkover' thing just doesnt work.. I've downloaded the 'example' Psd file, converted it, but it worked neither.. I tried it in Firefox, Chrome but nothing.. Please please help me!!
Sorry for my bad english, I'm hungarian..

Doesn't work on apple mobile touch products

With the coding that is executed how it is currently set up, the user will have to click three times if this feature is applied to a link. I do believe that for this to work, the coding that is set up for _linkover has to change to CSS or have some code to alleviate the issue.

Patch?

Is there a patch to stop .hover for the ipad/iphone devices?

link_overs displayed with _links when two objects/layers have...

Hi everybody!

I've got an issue with the linkover feature.

When I have two layers/objects with the same name_link for them to redirect to that corresponding link, PSD2CSSonline displays both the objects' _links and _linkovers at a time.

What's wrong. I might as well change the name of the layers but what if two of my layers are expected to redirect to one of the other site's pages. Let's say one of the link is on the nav bar and the other is on the footer bar as you see in many sites (i.e for the contact_page)

Cheers

same problem

Did you ever get an answer to this problem? My header linkovers work but if I try to make a footer link over for the same pages no linkover will work?

Text rollovers that remain as text vs an image

This is fantastic thank you! But what if you want text links that roll over and remain scrollable rather then the text as an image? Is this possible? Or if you want a button that rolls over and has scrollable text as well. If this is somewhere already then I apologize. I haven't seen it yet.

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

BUTTON STATES

Similar question: Is it possible to have something like '_pressed' state of button?
Sorry if that is already answered elsewhere, i'm still going through tutorials. If i find it i'll post it here.

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

Syndicate content