Formulario de búsqueda

- - - - Manuals 5 kk - - - -

Estilo
Personalizar las clases por defecto de los elementos de maquetación
CSS por portal
Cambia la estructura de los nombres de las clases de elementos de la composición.

El gestor de contenidos ofrece centenares de etiquetas diferentes con las que puede personalizar el diseño, no obstante es muy práctico detectar las importantes para escribir el código.

Desde las Opciones de Lienzo del desplegable que aparece al seleccionar la etiqueta Lienzo podrá definir el nombre por el cual se construirán las etiquetas CSS. Con esta opción identificará fácilmente los elementos claves de la maquetación.

En los capítulos siguientes se concretará sobre cada uno de ellos, pero en los cuatro primeros campos desde la pantalla que se muestra a continuación tiene la posibilidad de determinar el nombre de las clases por defecto. Sobre estas, el gestor de contenidos construirá las suyas.

Al lienzo

Vea un ejemplo de personalización de las etiquetas del cuerpo de la página al especificar la Clase de Lienzo. En este caso mi-lienzo:

<div id="cuerpo" class="panel-flexible panels-flexible-72 clear-block">

 

<div id="cuerpo" class="panel-flexible mi-lienzo clear-block">

 

Como se puede apreciar, la clase panels-flexible-72 se ha convertido en mi-lienzo.

Desde esta ventana, establezca también las separaciones y el comportamiento ante IE6. Por defecto, al crear una nueva plantilla, aparecen unos valores y la opción de escalado al 99% de IE está activada. En el tema no se han configurado estos parámetros. Para las separaciones, el diseñador establecerá su criterio, en cuanto al escalado se recomienda su desactivación para controlar correctamente los anchos de todos los contenedores.

A las columnas

Vea un ejemplo de la personalización de las etiquetas de las columnas al especificar la Clase de Columnas. En este caso mi-columna:

<div class="panels-flexible-column panels-flexible-column-72-13 panels-flexible-column-last">

 

<div class="mi-columna mi-columna-mi-lienzo-13 mi-columna-last">

Como se puede apreciar, la clase panels-flexible-column y sus derivadas se han convertido en mi-columna.

A las filas

Vea un ejemplo de la personalización de las etiquetas de las filas al especificar la Clase de Filas. En este caso mi-fila:

<div class="panels-flexible-row panels-flexible-row-72-17 panels-flexible-row-first clear-block ">

 

<div class="mi-fila mi-fila-72-17 mi-fila-first clear-block ">

 

En este caso, la clase panels-flexible-row y sus derivadas se han convertido en mi-fila.

A las regiones

<div class="inside panels-flexible-region-inside panels-flexible-region-72-contenido-inside panels-flexible-region-inside-first panels-flexible-region-inside-last">

 

<div class="inside mi-region-inside mi-region-72-contenido-inside mi-region-inside-first mi-region-inside-last">

 

Como se puede apreciar, las diversas opciones de panels-flexible-region-xxx se han convertido en mi-region-xxx.

Temas

Portales Municipales
Drupal