Algunos estilos CSS para las cajas de búsqueda

Esta lista de estilos funciona perfectamente con el buscador en AJAX.

Los estilos no se aprecian correctamente debido a la hoja de estilo de mi sitio, pero si la aplican directamente en un documento en limpio podrán verlo mejor.

Me tomó casi 5 horas hacer la primera caja de búsqueda, es un completo dolor de cabeza intentar hacer que se vea en Firefox y luego en IE, por lo que a recomendación de Jesús lo hice al revés, inicié buscando que se viera bien en IE y al final en Firefox. Y conseguí que se viera mejor.

Si la próxima semana sigo inspirado :P seguiré creando estilos (Necesito practicar u_u' ...). Si saben de algún otro estilo bonito que pueda clonar, sólo dejen el sitio en los comentarios y lo revisaré.

uff, de nuevo escribiendo a las 3 de la madrugada :S !!

Este es código al que pueden aplicarle el estilo:

<form class="msn">
    <label for="q">Buscar</label>
    <input type="text" name="q" value="algoritmos" id="text"/><input type="submit" value="Search" id="search"/>
</form>

Comentarios

2007-10-21 12:11:29
pecesama
te quedaron muy bien!!

que Stan no iba a crear los css?
2007-10-21 13:03:48
Victor De la Rocha
Gracias :D

Stan está leyendo todavía el documento u_U ...
2007-10-22 18:17:28
JL
El de "Digg Style" no embona bien con mozilla.
Al menos en el tamaño de letra que tengo. Si la agrando, si se acomoda.
2007-10-22 18:38:11
Victor De la Rocha
Los estilos no se ven correctamente por que el CSS de mi sitio interfiere, creo que los pondré con un iframe haber si así se soluciona /puf, pero luego luego. :D jeje
2007-10-24 13:02:10
David Garzón » Dar estilo a nuestro buscador con CSS
[...] Noticia original [...]
2007-11-07 19:56:51
Buscador en PHP con un poco de AJAX V 0.1 Beta
[...] Algunos estilos CSS para la caja de búsqueda [...]
2007-11-07 19:57:25
Como hacer un Buscador con Ajax
[...] La página que siempre está en onda :) 123456 « Convertir Arábigos a Romanos con PHP Algunos estilos CSS para las cajas de búsqueda [...]