18/01/2003, 17:25
|
 | | | Fecha de Ingreso: enero-2003 Ubicación: zaragoza
Mensajes: 285
Antigüedad: 22 años, 9 meses Puntos: 0 | |
| Tenía uno especial para baners, aunque no se donde.
Este de imágenes te puede valer.
INSTRUCTIONS:
=============
This is a fairly straightforward technique,
which works well in both IE and NS6+ (degrades
gracefully in older browsers).
Just place the style script below in the
<head> of your page, add the class= and the mouse
event calls to the textarea tag, and you're done.
Step 1.:
--------
Place this style script in the <head> of the page:
<style>
textarea.imageOne{
background-color:000000;
background-image:url(blue_saturn.jpg);
color:00ff00;
}
textarea.imageTwo{
background-color:000000;
background-image:url(butterflies.jpg);
color:ff0000;
}
</style>
Change the images to your own, of course; and also
see the notes at the end.
Step 2.:
--------
Set up your <textarea> like this:
<textarea
rows="12" cols="74"
class="imageOne"
onMouseOver="this.className='imageTwo'"
onMouseOut="this.className='imageOne'">
.
.
.
your text
.
.
.
</textarea>
Script Notes.:
--------------
In the style script, note that we set the background-color:000000;
This should usually be the same color as your image background colors,
and it's done to prevent flashing while the images are actually loaded.
Setting the color:ff0000; and color:00ff00; sets the text colors to red
and green, respectively, in this example; so change them to the colors
you wish to use in your design.
Note also that in IE, the images will scroll with the text; but with
NS6+'s less dynamic object model, the images may remain static.
__________________
fer |