Foros del Web » Creando para Internet » CSS »

Boton de busqueda

Estas en el tema de Boton de busqueda en el foro de CSS en Foros del Web. Hola, necesito un boton de busqueda que se ilumine al pasar con el ratón. Teneis al ejemplo? Edito: He encontrado uno pero no se como ...
  #1 (permalink)  
Antiguo 08/11/2012, 11:49
Avatar de satjaen  
Fecha de Ingreso: septiembre-2012
Ubicación: Jaén (Andalucía)
Mensajes: 893
Antigüedad: 11 años, 7 meses
Puntos: 10
Boton de busqueda

Hola, necesito un boton de busqueda que se ilumine al pasar con el ratón.
Teneis al ejemplo?
Edito: He encontrado uno pero no se como colocarlo en el centro del div.
Código HTML:
Ver original
  1. <div class="boton"><button type="button" id="btnfiltrar" name="btnfiltrar" style="cursor:pointer;">
  2.   <img src="imagenes_menu/boton_buscar.png"/>
  3. </button></div>
Gracias

Última edición por satjaen; 08/11/2012 a las 13:24
  #2 (permalink)  
Antiguo 08/11/2012, 14:44
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Boton de busqueda

yo lo haría así

Código CSS:
Ver original
  1. div{text-align:center;}
  2. input[type="submit"]{background:#f1f1f1;border:1px #ccc solid;padding:3px 8px;}
  3. input[type="submit"]:hover{background:#fe0;}
Código HTML:
Ver original
  1. <div>
  2.     <input type="submit" value="buscar" />
  3. </div>

ya si gustas le puedes incorporar alguna imagen de fondo con un efecto de luz mas llamativo, este código es meramente ilustrativo.
  #3 (permalink)  
Antiguo 08/11/2012, 15:12
Avatar de satjaen  
Fecha de Ingreso: septiembre-2012
Ubicación: Jaén (Andalucía)
Mensajes: 893
Antigüedad: 11 años, 7 meses
Puntos: 10
Respuesta: Boton de busqueda

Muchas gracias.
Un saludo

Etiquetas: botones, busquedas
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 14:37.