Avisos
Vaciar todo
BreezingForms
8
Respuestas
3
Usuarios
0
Reactions
1,216
Visitas
Topic starter
Hola!
Me gustaria poner un rollover a la imagen (boton enviar del formulario breezing), adjunto imagen para que lo veais...
Me gustaria al menos poner un efecto para que cuando se realice el rollover, destaque mas!
GRACIAS
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 14/09/2015 6:02 pm
Hola
Te refieres a que cuando pase el mouse tenga algún efecto?
Si es una imagen fija esto podría complicarse, lo mejor sería por CSS
Si quieres conservar la imagen lo que te recomiendo es darle una forma de botón a tu imagen esto hará mas intuitivo el hecho de que sea un botón
http://es.123rf.com/imagenes-de-archivo/botones.html
Saludos.
Respondido : 14/09/2015 9:13 pm
Topic starter
Hola!
Si es una imagen fija, lo voy a hacer mas intuitivo, pero quiero que me digas como ponerle el codigo css para que tenga algun efecto al realizar el rollover.
GRACIAS
Respondido : 15/09/2015 11:36 am
Hola,
Una cosa que puedes hacer es cargar una imagen alternativa, con el mismo tamaño que la original, cuando se coloca el puntero del ratón sobre la imagen. En el siguiente enlace se explica cómo hacerlo:
http://stackoverflow.com/questions/10792216/input-button-single-image-rollover-using-css
En tu caso, en lugar de poner #login_submit en el CSS tendrás que poner #ff_elem41
Respondido : 15/09/2015 3:52 pm
Topic starter
a mi no me sale,
he probado un poco de todo y nada.
Te dejo el codigo que he puesto:
#ff_elem41 {
outline: none;
display:block;
margin-left: auto;
margin-right: auto;
background: url("http://avvocatocivilistaiodice.it/images/formularios/submit2.png") 0 0 no-repeat;
}
#ff_elem41:hover {
background-position: -141px 0;
}
#ff_elem41:focus {
background-position: -282px 0;
}
Respondido : 15/09/2015 6:15 pm
HOla
El código que estas usando no es compatible con la imagen que has puesto
El código asume que tienes en una sola imagen los dos estados del botón, el normal y le hover, es por eso que cuando por CSS detecta hover el background se desplaza
El código que forma tu boton según veo es un input, no podrás usar el código anterior, te sugiero revises
http://stackoverflow.com/questions/10331615/changing-image-for-button-on-hover
Puedes probar con el código de Chief17 que parece la forma más simple
Saludos.
Saludos.
Respondido : 15/09/2015 6:41 pm
Topic starter
ah vale!
Gracias pero no tengo ni idea que hacer con ese codigo... Me lo podrias explicar paso a paso?
Yo estoy usando Breezing Forms para el formulario
GRACIAS
Respondido : 15/09/2015 7:06 pm
Hola
Lo que te aconsejaría es que no hagas esto, te estas complicando por un efecto que desde mi punto de vista no merece la pena.
Lo normal es usar CSS para dar efecto de hover a los botones, no imagenes
Por ejemplo
http://css3buttongenerator.com/
Te sugiero quitar la imagen y dejar el input , luego con el input libre se podrían aplicar estilos CSS que estilicen un poco al botón.
Saludos.
Respondido : 15/09/2015 7:23 pm
