Pat,

I use a mouseover script like Maelynn (no, I'm no Javascript expert either,
I "borrowed" the script itself from  Mike Davis, a friend who is also a
member of HWG). First I make a blank highlighted button, save it, then flip
it 180 degrees, and then save that under a second file name. Then I add the
text to both images. The "flipped" button becomes the OnMouseOver button.
You can see the examples at http://earl-arch.com. Feel free to use the
scripts. Please don't critique the site just yet because, at the client's
request, I did a rush job. It still needs a *lot* of work and validation and
I would hate to waste someones time in asking for a critique with all the
"problems" I know about still there. Perhaps in a week or so I will be
asking for input and suggestions. I like Maelynn's ideas about the drop
shadows. I already have it on the text of the buttons, but I like the idea
of shifting it for the "pushed in" images to enhance the effect. Remember,
the mouseover effect merely swaps images and the look of the effect depends
entirely on what the images are.

David Lavallee

dlavall(at)gte.net




From: maelynn <maelynn(at)ramlink.net>
To: grandane(at)fox.nstn.ca <grandane(at)fox.nstn.ca>; hwg-graphics(at)hwg.org
<hwg-graphics(at)hwg.org>
Date: Friday, August 07, 1998 9:48 PM
Subject: Re: Recessed button.


>Pat-
>I am no Java expert so I create recessed buttons the only way I know how
>(for the time being.) I create the mouseon graphic to look as if it is
>recessed in Photoshop. It's fairly easy.  I select the area of the graphic,
>select inverse and then apply a drop shadow to the selection outside the
>graphic, therefore creating an image that the graphic is "below" the
>surface because there is a shadow on it from the above surface. If you
>don't use Photoshop then this may be a little different for whatever
>software you use. Hope this is understandable. HTH
>
>Maelynn Cheung
>c3 Web Design
>----------
>> From: Pat Greenfield <grandane(at)fox.nstn.ca>
>> To: hwg-graphics(at)hwg.org
>> Subject: Re: Recessed button.
>> Date: Friday, August 07, 1998 1:19 PM
>>
>> Hi everybody,
>>
>> I know this subject has been on before and I saved it at that
>> time for future reference and now that I want it can't find it
>> anywhere. Have searched archives, plenty of mouseovers but
>> couldn't find anything to do with recessed buttons - I need the
>> script for when mouse is over button it looks recessed, has
>> anyone got it at their fingertips???????
>>
>> Pat Greenfield
>> grandane(at)fox.nstn.ca

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA