Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/05/2009, 07:38
cara_luna
 
Fecha de Ingreso: marzo-2009
Mensajes: 74
Antigüedad: 15 años
Puntos: 0
Cambiar el color del area de texto al pasar el mousse

No recibí solución a mi pregunta en este foro por lo que me cambio a javascript.
Pero para no desperdiciar el espacio les dejo a los novatos (como yo) unos truquitos que encontré, me gustaria dejarles la página porque me parece muy buena, pero como soy nueva el foro no me permite escribir direcciones URL (les dejo la pista: serbal.pntic.mec.es/~apan/estilos9.htm (Aclaro el sitio no es mio, que mas quisiera... no molestaría tanto a los genios de los foros...)

Cambiar el color del area de texto al pasar el mousse:
Código HTML:
<input type="text" name="textfield" onmouseover="this.style.backgroundColor='#FF3333'" style="background-color:#FF9900" onmouseout="this.style.backgroundColor='#FF9900'" /> 
Contactar vía mail:
Código HTML:
<BODY>
<INPUT TYPE="button" VALUE="Escríbeme" onClick="parent.location='mailto:[email protected]?subject=Título'">
</BODY> 
efectos en la escritura:
Código HTML:
<BODY>
<SPAN STYLE="height:1; filter:shadow(color=#666666, direction=230, )"> Un efecto </SPAN>
<SPAN STYLE="height:1; Filter: DropShadow(Color=#666666, OffX=2, OffY=2, Positive=1)"> Otro efecto distinto </SPAN>
</BODY> 
Imagenes con efecto de sombra:
Código HTML:
<BODY>
<IMG STYLE="filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=red)" SRC="imagenes/pequena.jpg" width=80 height=55>
<DIV STYLE="width:80px; height:60px; font:bold 13pt verdana; background: green; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=red)"> 
Hola Chicos </DIV>
</BODY> 
Código HTML:
<BODY>
<IMGSTYLE="filter:progid:DXImageTransform.Microsoft.Blur(Direction=200, Strength=4)" SRC="imagenes/pequena.jpg" width=80 height=55>
<DIV STYLE="width:80px; height:60px; font:bold 13pt verdana; background: green; filter:progid:DXImageTransform.Microsoft.Wave(Freq=2, Phase=100, Strength=3)">
Hola Chicos </DIV>
</BODY> 
De alguna manera siempre andamos buscando pequeños detalles para que nuestro sitio se vea mejor por lo que estoy segura que a mas de 1 les va a servir, como a mí.

Saludos y mucha suerte a todos...

Última edición por cara_luna; 14/05/2009 a las 09:54