Gamarod JavaScript - Rutinas JavaScript Efectos javascript Codigos javascript Rutinas JavaScript

Programacion




Todo sobre Css - Mejorando la apariencia de los formularios

Mejorando la apariencia de los formularios





Por lo general los formularios son bastante vulgares y lo peor aun muchas veces no encajan con el diseño que tiene nuestro sitio, entoces para mejorar el aspecto de estos por que no usar hojas de estilo (CSS), en este articulo veremos como hacerlo.

Un formulario por lo general se ve asi...

El diseño que el navegador le da a los controles es el mismo que el del sistema operativo, en el caso del grafico de arriba es Windows, el problema surge cuando tenemos una web con un diseño muy cuidado y nos toca agregar formularios los cuales no concuerdan para nada con el diseño del sitio, para ello lo mejor que podemos hacer es utilizar CSS.

LA CSS

Este bloque de codigo va entre las etiquetas Y de la pagina que contrendra el formulario, fijense que "input" viene seguido por todo en codigo encerrado entre llaves, bueno, ese es el codigo es el que le va dando el formato a los cuadros de texto y a los botones, todo el codigo que pertenece a "select" le da el formato a la lista desplegable (Pais).

ASPECTO FINAL

Si se fijan bien es muy facil modificar manualmente los valores, por ejemplo donde dice "background-color: #6699CC;" pueden modificar el valor hexadecimal #6699CC por #000099 y les quedaria el fondo de los controles color azul.

Es cuestion de ir investigando de que se trata cada propiedad, igual todos los editores webs traen incorporado algun editor de CSS asi que tampoco se rompan la cabeza. Saludos "El Guru".




Informe (Css) de El Guru
Webmaster de http://www.elguruprogramador.com.ar


 
Valora este artículo   Malo Excelente  

Han valorado este artículo de Css. 23 usuario(s).
Valoración media: Mejorando

Este artículo ha sido leído ( 11533 veces ).
Fecha: 10/22/2005


Agregar comentario | (0) comentarios
trucos Css Recomendar este artículo Css
Foros sobre Css
Css
Imprimir Css
artículo Css Agregar a Favoritos este artículo Css


Css
Artículos Relacionados

• Capas visibles e invisibles en css

• Celdas con puntas redondeadas utilizando css

• Como cambiar la apariencia de un botón medainte css

• Resaltar una porción de texto con estilos css

• Cambio de color de los hipervínculos en css

• Como eliminar el subrayado de los enlaces con estilos css