martes, 11 de mayo de 2010

Bucador con Estilos CSS "hacer blog"



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


0 comentarios:

Publicar un comentario

DIRECTORIOS

http://www.trucosblogs.com/post
4.57/5 – 42 opiniones
http://www.fabricaturopa.com/post 4.57/5 – 42 opiniones