02/09/2011, 08:15
|
 | | | Fecha de Ingreso: septiembre-2011 Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 13 años, 4 meses Puntos: 87 | |
| Respuesta: buscador estilo css
Ese buscador está diseñado de la siguiente manera.
- Una caja de texto con una imagen de fondo que simula un borde redondeado. Podés armar la imagen con fondo transparente en formato PNG24, o bien podés usar el mismo color de fondo que la página.
- Un código JavaScript similar al que posteó alexk más arriba.
- Un div con una imagen de fondo que simula un botón de "buscar" con el borde redondeado. Al igual que antes, podés usar un PNG24 con fondo transparente, o incluir el color de fondo de la página web en la imagen.
- Un efecto de rollover en el botón de "buscar", utilizando una segunda imagen que cambia el sentido del gradient de fondo y el tamaño del texto.
No tiene ningún misterio. Diseñá todo en Photoshop, recortá las partes (la caja de texto, el botón, y el botón en rollover) y exportalas en el formato que hayas elegido.
¡Suerte! |