Los marcos ofrecen una forma sencilla de crear diseños de varias columnas con "css_styled_content". En estos marcos puede insertarse cualquier elemento de contenido.
En general, cada elemento de contenido está encerrado por un elemento div. Por defecto, estos divs tienen la clase csc-default. Si se selecciona un marco, esta clase se sustituye por otra. Esto puede personalizarse y ampliarse.
He aquí un ejemplo de elementos de contenido de 2 columnas dentro de contenido de una sola columna. Se muestra la sección definida por css-styled-content y en la que se pueden hacer añadidos.
tt_content.stdWrap { ... innerWrap.cObject = CASE innerWrap.cObject { key.
field = section_frame ... ##Sección izquierda, no necesita personalización 20 =< tt_content.
stdWrap.innerWrap.cObject.default ##Clase CSS para el marco 1 20.
15.value = csc-frame csc-frame-frame1 ##área derecha, con personalización 21 =< tt_content.
stdWrap.innerWrap.cObject.default ##Clase CSS para el marco 1 21.
15.value = csc-frame csc-frame-frame2 ##área derecha con aclarado final 21.30.
value = >|</div><div class="clearer"> </div> ##opcional, nueva definición de frame 30 =< tt_content.
stdWrap.innerWrap.cObject.default 30.15.value = mycss class } ... }
Definición CSS para esto:
##Distancia entre los dos elementos div.csc-frame-frame2 { margin-left: 30px; } div.csc-frame-frame1, div.
csc-frame-frame2 { margin-bottom: 20px; width: 210px; float: left; } .clearer { clear: both; display: block; height: 1px; margin-bottom: -1px; font-size: 1px; line-height: 1px; }
Para que el editor sepa qué seleccionar, puede renombrar los marcos en PageTSconfig y eliminar los marcos que no sean necesarios:
TCEFORM.tt_content.section_frame { altLabels { 21 = cuadro derecho 20 = cuadro izquierdo } addItems.30
= cuadro adicional removeItems=1,10,11,12 }
El contenido de esta página se ha traducido automáticamente.