Foros del Web » Creando para Internet » CSS »

Boton Submit con imagen y efecto off

Estas en el tema de Boton Submit con imagen y efecto off en el foro de CSS en Foros del Web. Hola tengo una pregunta. Se puede hacer que un boton Submit tenga el efecto off? Yo tengo un boton que lo cambie por una imagen ...
  #1 (permalink)  
Antiguo 12/09/2009, 22:33
 
Fecha de Ingreso: septiembre-2009
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 0
Boton Submit con imagen y efecto off

Hola tengo una pregunta.

Se puede hacer que un boton Submit tenga el efecto off?


Yo tengo un boton que lo cambie por una imagen este es el codigo:

<input class="submit" type="image" src="aca la ruta de mi imagen">


Ahora lo que quiero hacer es que la imagen tenga el efecto off...
No puedo poner el link para mostrarles xD!!!

Basicamente es que la imagen esta opaca y cuando le pasas el mouse por encima se aclara al 100%

Se puede hacer?
Y si se puede como se hace?


Desde ya muchas gracias
  #2 (permalink)  
Antiguo 13/09/2009, 20:44
Avatar de mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 8 años, 8 meses
Puntos: 101
Respuesta: Boton Submit con imagen y efecto off

proba con la propiedad background para ese boton. Y :hover para cuando el mouse le pasa encima.

Si lo que queres es opacidad en vez de background (color pleno) entonces hay otro codigo, mas complejo, pero que no se si sirva. En todo caso, se le aplicaría a su contenedor, y el boton lo heredaría.
  #3 (permalink)  
Antiguo 14/09/2009, 06:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Boton Submit con imagen y efecto off

Si tu html es:
Código html:
Ver original
  1. <input type="submit" value="Enviar" id="submit" class="submit" name="submit"/>
Sólo tendrías que definir los dos estados en el css:
Código css:
Ver original
  1. .submit {background: ....;}
  2. .submit:hover {background: ...;}
Y sobre tu imagen de fondo aparecerá el valor de 'value'.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 14/09/2009, 12:58
 
Fecha de Ingreso: septiembre-2009
Mensajes: 6
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Boton Submit con imagen y efecto off

Muchisimas gracias Kseso?!!!!!!!!!

Gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias gracias!!!!!

Con eso pude hacer lo que quiero :D

Gracias!!!!!!!!!!!!
  #5 (permalink)  
Antiguo 14/09/2009, 15:45
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Boton Submit con imagen y efecto off

¿Te diste cuenta que has escrito tú mas gracias que yo código?

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:51.