Pués te voy a enseñar un truco muy bueno, la verdad es que es muy lindo, consiste en aplicar unas líneas en nuestra plantilla para conseguir hacer un buscador con borde y botón del color que más nos guste...
Busca la etiqueta ]]></b:skin> y encima le pegas estas líneas de código...
/* Boton y borde del buscador */
#search-btn {background: #c9c9c9;color: #000000;padding: 1px;margin: 0px 0px 0px 2px;
border: 2px solid #a3a3a3;}
#search-box { width: 150px; border: 2px solid #a3a3a3;padding: 1px;}
/* Fin del codigo */
Déjame que te explique el código...
- La primera línea, dónde dice...
background: #c9c9c9; es el color de fondo (#c9c9c9 de color gris) si quieres cambiarlo, mira en la tabla de colores.
color: #000000; es el color del texto, del texto del botón (está en negro) si quieres cambiarlo, mira en la tabla de colores.
border: 2px solid #a3a3a3; son las propiedades del borde. 2px Es el grosor del borde, puede aumentase el grosor o disminuirse. Solid, es el estilo de borde (normal) si quieres otros estilos quizás te interese esta entrada.
#a3a3a3 es el color del borde, si quieres cambiarlo, mira en la tabla de colores.
- La segunda línea, dónde dice...
width: 150px; es el grosor de la caja de búsqueda (150px)
border: 2px solid #a3a3a3; son las propiedades del borde. 2px Es el grosor del borde, puede aumentase el grosor o disminuirse. Solid, es el estilo de borde (normal) si quieres otros estilos quizás te interese esta entrada.
#a3a3a3 es el color del borde, si quieres cambiarlo, mira en la tabla de colores.
Cuando termines, guarda cambios.
<form id="searchthis" action="/search" style="display:inline;" method="get"><input id="search-box" name="q" type="text"/><input id="search-btn" value="Buscar" type="submit"/></form>
* Puedes cambiar el texto de Buscar y poner la palabra que quieras que aparezca en el botón.
Nota:
me ha parecido genial,gracias jaime
besitosssss
Hola Elisabeth! me alegra mucho que te gustara, la verdad es que sirve para personalizar un poquito más ese simple botón :-D un abrazo0!! :-)
Buen truco Jaime, vamos a ver como le va a mi blog, que a proposito estoy estrenando plantilla nueva, asi que a remodelar se dijo. Saludos.
Hola Fede! que alegría lo de la plantilla! mañana me paso y la veo ;-D esto del buscador es bueno porque podemos cambiar el botón blanco tan común :-D le damos ese toquecillo personal :-) un abrazo0 amigo0! :-)
Gracias por compartir lo que sabes de manera desinteresada, agradezco cada uno de tus consejos, que han hecho de mi blog y sin miedo a exagerar un segundo hogar, ojala que todo el conocimiento que repartes, se te devuelva solo en buenos momentos.....saludos desde Chile.
Hola gaxgax! que alegría me hizo leer tu comentario! me alegra que te haya gustado :-D y la verdad, yo tampoco quiero exagerar, pero un blog es un segundo hogar :-D un abrazo0 amigo! a descubrir nuevas cosas en este mundo de blogger! :-)
oye amigo yo tambien tengo el boton de reply en mi blog, ¿como le hago para q este en el mismo lugar q el tuyo?
grax!
Anónimo, lo explicaré en el tutorial acerca del "reply" en los comentarios que tengo preparado desde que lo instalé en El Balcón (hace un par de meses).
Posiblemente antes de la semana que viene puedas verlo publicado.