Zum Inhalt springen

Personalizar el diseño

Personalizar las imágenes de la cabecera

Las imágenes que se leen desde las propiedades de página de las respectivas páginas pueden mostrarse en el área de cabecera del proyecto de ejemplo. Estas imágenes también son heredadas por las subpáginas.

Para añadir una imagen, edite las propiedades de una página. Para ello, haga clic en el icono situado delante del nombre de la página en el árbol de páginas y seleccione "Editar desde" en el menú contextual.

En la pestaña "Recursos", cree una "Nueva relación" y seleccione una imagen en el navegador de elementos.

A continuación, vuelve a guardar la página.

Cambiar fuentes y colores

Las fuentes y los colores utilizados se definen mediante CSS en el archivo bootstrap.css y también se pueden cambiar aquí.

Abra el archivo bootstrap.css en el directorio fileadmin/jweilandnet_musterprojekt/Resources/Css/

La fuente utilizada y el color de la fuente se definen a partir de la línea 302.







body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.428571429; color: #333333; background-color: #ffffff; }

Para cambiar la fuente y el color de los encabezados, encontrarás las definiciones correspondientes en bootstrap.css a partir de la línea 453.

Resalte en color los elementos de contenido

Los elementos de contenido pueden resaltarse en color de dos formas distintas. Los ajustes se realizan en el elemento de contenido correspondiente, en la pestaña "Apariencia", a través del cuadro de selección "Sangría y marco".

Edite el elemento de contenido deseado y pase a la pestaña "Aspecto".

En el cuadro de selección "Sangría y marco", puede elegir entre "Marco 1" y "Marco 2".


Marco 1 = fondo gris claro Marco 2 = fondo gris oscuro, color de fuente claro

Los colores de los dos cuadros pueden modificarse mediante CSS. Encontrará las definiciones correspondientes para las clases .csc-frame-frame1 y.csc-frame-frame2a partir de la línea 285 del archivo musterprojekt_styles.css




.csc-frame-frame1 { background-color: #f5f5f5; padding: 1.5em; margin-bottom: 1.5em; }






.layout2 .csc-frame-frame1 {min-height: 20em;}.csc-frame-frame2 { background-color: #414141; padding: 1.5em; margin-bottom: 1.5em; color: #fff; }

Nota sobre el tamaño de las imágenes en los elementos de contenido

Con el fin de estandarizar la visualización de las imágenes en la maquetación y facilitar la correcta visualización en una maquetación responsive, se han desactivado los campos para especificar la anchura y la altura de las imágenes en los elementos de contenido "Texto e imagen" e "Imágenes".

Puede reactivar estos campos estableciendo los valores a 0 en las siguientes líneas del archivo fileadmin/jweilandnet_musterprojekt/Resources/TSConfig/page.tsconfig.ts:





## Elementos de contenido: eliminar campos de anchura y altura para imágenes TCEFORM.tt_content { imagewidth.disabled = 1 imageheight.disabled = 1 }

Sin embargo, este cambio puede requerir ajustes en los archivos CSS.

El contenido de esta página se ha traducido automáticamente.

Aktualisiert: 17.07.2024