Oct

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 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>

This entry was written by Victor De la Rocha and posted on October 21, 2007 at 3:05 am and filed under css, web 2.0. Bookmark the permalink. Follow any comments here with the RSS feed for this post. Post a comment or leave a trackback: Trackback URL.

7 Comments

Make A Comment

pecesama Said:
October 21st, 2007 at 12:11 pm
te quedaron muy bien!!

que Stan no iba a crear los css?
Victor De la Rocha Said:
October 21st, 2007 at 1:03 pm
Gracias

Stan está leyendo todavía el documento u_U ...
JL Said:
October 22nd, 2007 at 6:17 pm
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 Said:
October 22nd, 2007 at 6:38 pm
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. jeje
David Garzón » Dar estilo a nuestro buscador con CSS Said:
October 24th, 2007 at 1:02 pm
[...] Noticia original [...]
Buscador en PHP con un poco de AJAX V 0.1 Beta Said:
November 7th, 2007 at 7:56 pm
[...] Algunos estilos CSS para la caja de búsqueda [...]
Como hacer un Buscador con Ajax Said:
November 7th, 2007 at 7:57 pm
[...] 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 [...]