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>

10 comentarios en Algunos estilos CSS para las cajas de búsqueda

pecesama

2007-10-21 12:11:29

te quedaron muy bien!!

que Stan no iba a crear los css?

Victor De la Rocha

2007-10-21 13:03:48

Gracias :D

Stan está leyendo todavía <a href="http://mis-algoritmos.com/how-to-create-a-ajax-searcher/how-to-create-an-ajax-live-search">el documento</a> u_U ...

2007-10-22 18:17:28

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.

Victor De la Rocha

2007-10-22 18:38:11

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

David Garzón » Dar estilo a nuestro buscador con CSS

2007-10-24 13:02:10

[...] Noticia original [...]

Buscador en PHP con un poco de AJAX V 0.1 Beta

2007-11-07 19:56:51

[...] Algunos estilos CSS para la caja de búsqueda [...]

Como hacer un Buscador con Ajax

2007-11-07 19:57:25

[...] 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 [...]

makika

2008-04-25 17:58:19

Alguien noto q no estan las imagenes xD es que tengo que bajarmelas de la misma yahoo y msn