Sie befinden sich hier: [Lösungen] / Typo3 mit YAML / Rounded Box

Rounded Box

Die Rounded Box wie aus dem YAML für TemplaVoila Projekt als FCE bekannt kann auch direkt per TypoScript gerendert werden
um z.B. permanent angezeigt zu werden, oder um die Rounded Box in Elemente zu hängen die nicht als Content Element verfügbar sind.

TypoScript

Zeilennummerierung

lib.menuBox = COA
lib.menuBox {
stdWrap.dataWrap (
<div class="colorBox">
<span class="rLine1"></span>
<span class="rLine2"></span>
<span class="rLine3"></span>
<span class="rLine4"></span>
<div class="boxContent">| </div>
<span class="rLine4"></span>
<span class="rLine3"></span>
<span class="rLine2"></span>
<span class="rLine1"></span>
</div>
)
10 < lib.submenu.10
}
lib.submenu.10 < lib.menuBox

CSS

Zeilennummerierung

* html .boxContent {height:1%}
.boxContent {overflow:hidden}
.colorBox {display:block; background:transparent; font-weight:normal; margin-bottom:1em;}
.colorBox p {margin:0 2px; padding:2px 0; line-height:1.2em;}
.boxContent {display:block; background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb; padding:0.5em 1em 0.5em 1em;}
.boxContent h1, .boxContent h2, .boxContent h3, .boxContent h4, .boxContent h5 {margin-top:0;}
.rLine1, .rLine2, .rLine3, .rLine4 {display:block; overflow:hidden; font-size:1px;}
.rLine1, .rLine2, .rLine3 {height:1px;}
.rLine2, .rLine3, .rLine4 {background:#dfd; border-left:1px solid #bdb; border-right:1px solid #bdb;}
.rLine1 {margin:0 5px; background:#bdb;}
.rLine2 {margin:0 3px; border-width:0 2px 0 2px;}
.rLine3 {margin:0 2px;}
.rLine4 {height:2px; margin:0 1px 0 1px;}

Die Angaben sind ohne Gewähr auf Funktionalität. Kein Support !
Feedback, Anregungen, Fehler, Kritik und Verbesserungsvorschläge können per Kommentarfunktion oder Kontakformular eingereicht werden.