Tuesday, November 22, 2011

Modifying Cat's Button Code

This is how to but a lovely button on your website :) i fixed cats code so here are the directions:

To put a button on your website, you need 3 images. First, you need to make a button using a photoshop tutorial. Save this button as Button.png. Next, use Hue/Saturation on photoshop to make the color a little different or brighter. Name this button Button 2.png. For the third image you'll need to use Bevel/Emboss to make the differently colored button look depressed. I used a downward pillow emboss but you can use whatever you think looks best. Finally, copy and paste this into your html source page:

<a href="whatever-website-you-want><img src="Button.png" onmouseover="this.src='Button2.png'"
onmouseout="this.src='Button.png'" alt="Click Me" border="none" onmousedown="this.src='Button3.png'"/></a>

No comments:

Post a Comment