I

iphonetop

Usuario (Chile)

Primer post: 28 sept 2011Último post: 23 feb 2012
2
Posts
12
Puntos totales
0
Comentarios
C
Cambiar color botón Input con CSS - Hover
Apuntes Y MonografiasporAnónimo2/23/2012

Hola amgios , hoy veremos como cambiar el color de un botón INPUT, aplicaremos la llamada de una clase CSS. Lo que lograremos es cambiar el color de nuestro boton cuando deslicemos el mouse sobre este boton. Codigo CSS clase: Código: Seleccionar todo input.login, .button{ margin: 1px; padding:2px; font-weight: bold; cursor:pointer; background:#91C6F9 repeat; border:1px solid #000000; font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif; } input.login:hover, .button:hover{ background:#3ED32E; color:#000000; font-weight: bold; cursor:pointer; border:1px solid #000000; font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif; } este codigo deben pegarlo en su hoja de estilos o agregarlo dentro de la etiqueta <head><style>...codigo </style></head> Codigo HTML del botón: <input type="button" class="login" value="deslise el mouse y cambia de color" /> Codigo completo del archivo HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Taller de Ejemplos - Wirelan.cl</title> <style> input.login, .button{ margin: 1px; padding:2px; font-weight: bold; cursor:pointer; background:#91C6F9 repeat; border:1px solid #000000; font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif; } input.login:hover, .button:hover{ background:#3ED32E; color:#000000; font-weight: bold; cursor:pointer; border:1px solid #000000; font-family: 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif; } </style> </head> <body> Demostración boton que cambia de color al Pasar por encima:<br/> Tecnica a utilizar hover con CSS <br/> <input type="button" class="login" value="deslise el mouse y cambia de color" /> <br/><br/> <center>Power by Rafthael</center> </body> </html> Puedes ver el DEMO AQUI Mis otros Aportes: http://www.taringa.net/posts/mac/13926585/FIFA-12-by-EA-SPORTS-Iphone_-ipod_-e-ipad.html http://www.taringa.net/posts/mac/13925252/Guitar-Hero_-iphone-ipod-e-ipad.html http://www.taringa.net/posts/mac/13925104/AirMusic-Utilidad-iphone-ipod-e-ipad.html http://www.taringa.net/posts/mac/13924953/Viendo_-Fake-Video-Calls_-iphone-ipod-e-ipad.html

2
0
¿
¿Cómo lo hizo? Esculturas de lana de oveja
Hazlo Tu MismoporAnónimo9/28/2011

¿Cómo lo hizo? Esculturas de lana Este emprendimiento le da trabajo a casi una decena de mujeres en el sur de chile. Ana Lagos y Catalina Roa fabrican figuras en lana de oveja, piezas hermosas y coloridas, con contenido social y estético. es increible como la capacidad de algunas personas artesanas lográn tan preciosos objetos y demustras sus habilidades el mundo. via: wirelan.cl Repostaje: 13.cl

10
1
PosteameloArchivo Histórico de Taringa! (2004-2017). Preservando la inteligencia colectiva de la internet hispanohablante.

CONTACTO

18 de Septiembre 455, Casilla 52

Chillán, Región de Ñuble, Chile

Solo correo postal

© 2026 Posteamelo.com. No afiliado con Taringa! ni sus sucesores.

Contenido preservado con fines históricos y culturales.