Ejemplos de CSS

 Arriba  Anterior  Siguiente

A continuación estos son los ejemplos y preguntas más habituales de personalización tanto en rótulos como en campos.

Hemos puesto el ejemplo gráfico usando un formulario de color blanco de fondo y como color a personalizar el Rojo 100% (#FF0000;) con el fin de facilitar la visualización de los cambios.

 

hmtoggle_plus1Cambiar el fondo de un rótulo completo

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Rótulo Cell Style

Escriba: background-color:#FF0000; donde "#FF0000;" equivale al color que desea poner

 

hmtoggle_plus1Cambiar el fondo del texto de un rótulo

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Rótulo Style

Escriba: background-color:#FF0000; donde "#FF0000;" equivale al color que desea poner

 

hmtoggle_plus1Cambiar el fondo de un campo (area de trabajo)

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Campo Cell Style

Escriba: background-color:#FF0000; donde "#FF0000;" equivale al color que desea poner

 

hmtoggle_plus1Cambiar el fondo del area de un campo (zona de carga de datos)

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Campo Cell Style

Escriba: background-color:#FF0000; donde "#FF0000;" equivale al color que desea poner

 

hmtoggle_plus1Cambiar el tamaño del texto

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Campo Cell Style

Escriba: text-size=14px; donde "24px" equivale al tamaño en pixel de la fuente a cambiar

 

hmtoggle_plus1Alinear el rótulo a la izquierda

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Rótulo Cell Style

Escriba: text-align:left; donde "left" equivale a la posición del texto, puede utilizar left-center-right entre otras opciones

 

hmtoggle_plus1Alinear arriba un rótulo

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Rótulo Cell Style

Escriba: vertical-align:top; donde "top" equivale ala posición del elemento en el area, puede utilizar top-middle-bottom entre otras opciones

 

hmtoggle_plus1Alinear arriba y a la derecha un rótulo

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Campo Cell Style

Escriba: text-align:right;vertical-align:top; donde "right y top" asignan la posición del elemento

 

hmtoggle_plus1Centrar completamente un rótulo

Seleccione el campo que desea modificar, pulse Editar y vaya al campo Campo Cell Style

Escriba: text-align:center;vertical-align:middle; donde "center y middle" asignan la posición del elemento horizontal y vertical repectivamente

 

hmtoggle_plus1Cambiar el color del texto de un rótulo

 

hmtoggle_plus1Cambiar el color del texto de un campo

 

hmtoggle_plus1Cambiar el color del texto de un campo y el color del fondo del mismo

 

hmtoggle_plus1Alinear el contenido de un campo al centro

 

hmtoggle_plus1Alinear el contenido de un campo a la derecha