Los comandos de la sección Estilo

Paso 4 - Páginas > Opciones de la Barra de Herramientas y Rejilla > Estilo del Objeto >

Los comandos de la sección Estilo

Previous pageReturn to chapter overviewNext page

Mediante los comandos de esta sección se definen los ajustes gráficos del Objeto seleccionado en  la Rejilla de maquetación.

Primeramente es necesario definir el tipo de Fondo del sitio que se quiere que tenga el Objeto , eligiendo entre:

Fondo coloreado: el fondo de la celda toma un único color.

Fondo degradado: el fondo del Objeto es llenado con una gradación de la que se pueden definir los colores inicial y final y la dirección del difuminado.

Fondo con imagen: el fondo del Objeto es creado mediante la importación de una imagen.

Ajustar imagen a la Celda: el fondo del Objeto es creado mediante la importación de una imagen que es cortada en bloques y recompuesta para que se pueda adaptar perfectamente al tamaño de la celda que lo contiene . (ver "Cómo trabajar el aspecto del  Objeto")

Dependiendo del tipo de fondo, es posible modificar diferentes opciones del recuadro Ajustes.

Las opciones que pueden estar disponibles son las siguientes:

Color: especifica el color para usar como relleno del fondo.
Color inicial / Color final: definen los colores inicial y final que se utilizarán para hacer un degradado.
Difusión: permite establecer si en el degradado debe predominar el color inicial o el color final , definiendo el espacio (en %) en el que se debe producir la transición del primero al segundo.
Dirección: configura la amplitud del ángulo en función del que se orienta el degradado.
Archivo imagen: selecciona el archivo gráfico (.JPG, .GIF, .PNG.) de la imagen que se utilizará como fondo. La imagen puede buscarse bien en la Librería online a la que se accede mediante el botón bien en las carpetas locales por medio del botón Seleccionar archivo.
Repetir: especifica si la imagen añadida como fondo debe repetirse o no. La imagen se puede repetir solo en sentido horizontal, solo en sentido vertical o en ambos sentidos, de modo que ocupe todo el espacio disponible. Además es posible hacer que la imagen se adapte, es decir, que se redimensione de modo que cubra todo el fondo.
Alineación: permite especificar la alineación de la imagen utilizada como fondo en relación al área ocupada por la celda.
Saturación del color: especifica el color hacia el que debe tender la imagen introducida como fondo del Objeto. Básicamente se aplica un efecto "coloreado" a la imagen para cambiarlo por el color deseado.
Bloquear ancho / Bloquear altura: permiten configurar el tamaño de los bloques en los que se corta la imagen de fondo para determinar qué partes de la imagen se deben mantener inalteradas y cuáles deben ser repetidas. (ver Cómo trabajar en el Estilo del Objeto)
Opacidad: configura el grado de opacidad del color/del difuminado/de la imagen de fondo aplicado. Para valores que tienden a 0, disminuye la opacidad y el fondo del Objeto se vuelve más transparente, dejando ver el fondo de la Página.

Mediante las opciones del recuadro Borde es posible definir:

Grosor: especifica el grosor de los bordes, también individualmente.
Color: especifica el color de los bordes, también individualmente.
Factor de redondeo: define el factor de redondeo de las esquinas, también individualmente.
Sombra: aplica una sombra, definiendo su color, la posición, la difusión y el tamaño.

Por último, mediante las opciones del recuadro Alineación y márgenes es posible definir:

Alineación: alinea arriba/al centro/abajo y a la izquierda/al centro/a la derecha el objeto respecto a la celda en la que está incluido.
Margen exterior / Margen interior: definen el valor en píxeles para los márgenes externos e internos del Objeto activo (ver "El Box Model en WebSite X5").

 


Best practice:

-

Cómo trabajar en el Estilo del Objeto


Profundización:

-

El Box Model en WebSite X5