Bucador con Estilos CSS «hacer blog»

  • mayo 11, 2010



A partir de las clases e identificadores se puede dar estilo al formulario: aplicarle un fondo, bordes, formato al texto, espaciamiento, etc. con CSS. Creando un ejemplo sencillo:


Codigo:


/* Buscador. Contenedor principal: form */ #buscador form { border:1px 
solid #999999; 
background:#E5E5E5; 
padding:10px; margin:0 10px 15px; position:relative; } 
/* Canpo de texto */ .searchtext { padding:2px 5px; color:#999;  
font-size:11px; line-height:15px; height:15px; width:87%; border:2px 
solid #BBDAFD; }
/* Bot??n de submit */ .searchsubmit { position:absolute; 
right:10px; top:10px; }






Y el resultado de estos estilos es algo como lo siguiente:
Buscador despu??s de aplicarle estilos

Buscador despu??s de aplicarle estilos
Este es solo un ejemplo, pero puede usarse modificando la ruta de la imagen en el input, colores de fondo y bordes, el ancho y los margenes, etc. El c??digo CSS siempre se coloca antes de:
]]>

No Comments Found