|
|
Posted by Beauregard T. Shagnasty on 11/28/07 20:23
Brynn wrote:
> "Paul" wrote:
>> May I obtain the above effect using Frontpage or writing codes in
>> html?
>>
>> Have you some code or some link for me to test? Thanks
>
> Here is a nice lesson with CSS, Javascript, and Html. Just copy
> everything below into a file and play.
>
> <html><body>
>
> <!--
> The CSS
> We will make 2 different "classes" ... one with the first style ..
> then one with the mouse over style.
> -->
> <style type="text/css">
> .theStyle1, .theStyle2 {font: bold 10pt verdana; padding: 4px;}
Please don't recommend using points (points are for printing), nor
Verdana. See this:
http://k75s.home.att.net/fontsize.html
> .theStyle1 {background-color: #E3EEE2; color: black;}
> .theStyle2 {background-color: #0E4E07; color: white;}
> </style>
>
> <!-- Now the button -->
> <input type="button" class="theStyle1" value="Test Button"
> onMouseOver="this.className='theStyle2';"
> OnMouseOut="this.className='theStyle1';">
Why mess with that when you can do it with CSS. Here's a sample of
buttons I wrote years ago.
http://k75s.home.att.net/hover3d.html
--
-bts
-Motorcycles defy gravity; cars just suck
Navigation:
[Reply to this message]
|