Ver Mensaje Individual
  #7 (permalink)  
Antiguo 26/05/2011, 00:28
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Efecto hundido botón submit

erxaca el boton del foro no tiene estilos, estan en html pelado y toman su estilo del theme de windows supongo no se bien.

En este enlace te comparto un un boton que hice.
Esta hecho con html, css y jquery. y tiene 3 posiciones: una para cuando esta x defecto, otra para el hover y otra para cuando hacemos click. Esta última es la que te interesa a vos.
Además vas a ver que está hecho con un sprite, si queres un efecto hundido solo entra en photoshop y crea una sombra para no andar lidiando con propiedades css3 que por muy cool que sean no son soportadas por versiones viejas de ie, tal es el caso de box-shadow. Allá tu con tu elección.

Espero te sea útil, cualquier cosita que no entiendas bien solo pregunta, pero por favor si la pregunta se relaciona con los sprites ahi tienes un link, léelo antes.

Espero te sirva. Saludos.

Edito: si bien en el ejemplo vas a ver que trabajamos el boton sobre un div, tranquilamente puedes pasarlo a un <input type="button"> nada mas asegurate de resetear los estilos que trae por defecto y ponerle display:block; para que se convierta en elemento de bloque.

Última edición por cristian_cena; 26/05/2011 a las 00:43