Hacktime

Que seria de la web sin este blog

Darle Estilo a tu Buscador

Posted by yaju en junio 9, 2007

¿Alguna vez han visto una caja de texto con colores / bordes o fondo personalizado?, si su respuesta es no simplemente cheque mi blog: http://blog.exolimpo.com fijense, en el menú izquierdo, mi buscador tiene color diferente.

Así que les enseñare como hacerlo, es bastante simple, solo se necesita un pequeño código de CSS:

.formas {
width:100px; /* Largo Horizontal del cuadro */
background-color: #FFB96E; /* Color de fondo */
color: #975000; /* Color de la letra */
font-weight: bold; /* Tipo de fuente, Negrita(bold) y Normal */
font-family: Verdana, Arial, Helvetica, sans-serif; /* Fuente */
font-size: 10px; /* Tamaño de la fuente */
border: 3px 1px 1px 2px; /* Grueso del borde, en orden: ^ > v

Si no sabes HEX colors ( para los colores del fondo, letra y Bordes ) checa este sitio web:
http://www.hitmill.com/html/rgbcolorvalues.html

Pueden usar esta modificación para dejar su buscador con mucho estilo:
Ejemplo: http://blog.exolimpo.com

3 comentarios to “Darle Estilo a tu Buscador”

  1. toXicboy said

    Hola amigos.

    Tengo un gran problema y me gustaría saber cual puede ser el origen del mismo. Desde hace dos días no puedo realizar cambios en el diseño de BLOGGER debido a (segun me dice la barra exploradora) errores internos del servidor 500 o no se que historias.

    No se si esto es culpa mía, es de blogger o sencillamente soy el único usuario al que le ha pasado pero lleva ya bastante tiempo (dos dias) así.

    ¿Qué puedo hacer?

  2. Cristian said

    Por qué esa necesidad de hacerse propaganda a cada rato en las entradas… ? Creo que con un lugar en la sidebar y los excelentes post que armás es suficiente propaganda como para que entren a mirar tu blog.

  3. Leire said

    El CSS está muy bien, pero por si solo no hace nada, si se trata de ayudar, deberías publicar el código para armar el contador.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s