Printed from BasicTips.com, FREE helpful articles and tips for Webmasters and Business Owners
Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.BIZ
All rights reserved. Republication in whole or in part in any form is not permitted.

Sponsored by BasicTemplates.BIZ
Website Templates with External CSS and Removable Graphics
http://www.BasicTemplates.biz

Co-Sponsored by Effective-Website-Secrets.com
Teaching webmasters effective web development and marketing techniques via free podcasts.
http://www.Effective-Website-Secrets.com

Category: Graphic Design
Designing Off and On Buttons
By BasicTemplates with External CSS

While designing your buttons in your favorite graphics software program, take a few minutes longer to add a second step.



There are two methods you can use to make your buttons look like they are being depressed (on and off). First, you can switch the shadowing on them. If the off button has shadowing on the bottom and right side, then the on button can to be shadowed on the top and left side.

Second, you can slightly shift the on button one or two pixels up or down and to the right or left. Click on the "View Live Example" icon above to see the demonstration and compare the difference in the effects.