Gracias!
Chau!
|
|
#1 (permalink) |
![]() Fecha de Ingreso: noviembre-2002
Mensajes: 369
|
Rota banner simple
Gracias! Chau! |
|
|
|
|
|
#2 (permalink) |
![]() Fecha de Ingreso: enero-2003
Ubicación: zaragoza
Mensajes: 285
|
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 |
|
|
|