I’m hoping I can get some clarification on how to correctly implement a Photoshop template into a webpage. I understand the slice and save methods. My confusion comes in when constructing the site, specifically a menu bar. I would like the menu option to change color when a visitor hovers the link. With Photoshop, everything is save as an image. How do you get the text to change color if it is an image? Do I save two images, one black and one white, then on hover have the images change with JavaScript? Can I accomplish this with CSS rather than JavaScript? How would I create a drop down menu that consists of multiple sub items? Would I need separate images for each sub item?
Hopefully, this is clear. As, you can probably see, there is a lot of confusion here. Thanks in advance
With photoshop you have a tool that allow you to divide each parts of your menu bar and automatically make several images that you will use it for your button of your menu.
Look this link to do this but it is in french (sorry for that): http://www.wks.fr/Creer-un-menu-black-gloss-decoupe.html
After you can add your images like this:
You can see that for each column of the table you have one image wich will be visible when the cursor of the mouse is out of it but when the mouse is over the other image is visible.
It is a way to do what you want. There are others ways but this is easy to do.