ir arriba

10 marzo 2007

Cuadro de texto con imagen

Cuadro de texto muy bonito que tiene una imagen de fondo que cambia cuando el puntero de ratón se pone sobre él.




Código css: entre <head></head>

<style type="text/css">
textarea.imagenInicio {
background-color: #000000;
background-image: url(http://static.flickr.com/145/414404752_1bc2075854.jpg);
color: #ffffff;
}
textarea.imagenFoco {
background-color: #000000;
background-image: url(http://static.flickr.com/177/414432219_a0d0552119.jpg);
color: #ffffff;
}
</style>



Código Html: entre <body> </boby>
<div class="recuadro3">
<form><textarea rows="21" cols="62" class="imagenInicio" onMouseOver="this.className='imagenFoco'" onMouseOut="this.className='imagenInicio'">Aquí el texto
</textarea></form>
</div>


background-image: url( aquí la url de la imagen);
color: #ffffff; ( aquí el color de texto )
'imagenInicio'">Aquí el texto</textarea></form>
textarea rows="21" cols="62"( aquí tamaño del cuadro )






Visto en : El Código



Escrito por: ☺ Josscat

Etiquetado como:

No hay comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios (Atom)
© josscat.blogspot.com 2007