Gastartikel im Webstandards-Blog „Formular Design mit CSS3“

Mein neuer Artikel über die Verwendung von CSS3 in Formularen wurde diese Woche im Webstandard-Blog veröffentlicht. m Tutorial kommen moderne CSS3-Eigenschaften wie border-radius, box-shadow, text-shadow sowie die neuen Möglichkeiten der Hintergrundgestaltung mit background: linear-gradient (ein Umfangreiches Tutorial zu „Verlauf ohne Bilder (CSS3 linear-gradient)“ habe ich im Marit AG TYPO3 Blog veröffentlicht) zum Einsatz.

CSS-Tutorial „Formular Design mit CSS3 – Visuelle Gestaltung und der Verzicht auf Grafiken

CSS Tutorial Teil 2: „CSS3 Tutorial – Webdesign ohne Grafiken dank CSS Transform

Rahmen für Inhaltselemente in TYPO3 4.4/4.7 – section_frame

Update 2012 – für TYPO3 4.7

Mit erscheinen der Version 4.7 wurde die Anordnung der CSC-Default Anweisung im css_styled_content verändert. Eine zusätzliche Klasse zu csc-default fügt man nun wie folgt hinzu:

tt_content.stdWrap {
 innerWrap.cObject {
  default.20.10.value = csc-default neue-klasse
 }
}

Weitere Rahmen/Layouts (section_frames) werden in TYPO3 4.7 wie folgt hinzugefügt.

tt_content.stdWrap {
 innerWrap.cObject = CASE
 innerWrap.cObject {
  31 =< tt_content.stdWrap.innerWrap.cObject.default
  31.20.10.value = block
  31.30.cObject.default.value = ><div class="block-inner blue">|</div></div>
  32 =< tt_content.stdWrap.innerWrap.cObject.default
  32.20.10.value = block
  32.30.cObject.default.value = ><div class="block-inner green">|</div></div>
  33 =< tt_content.stdWrap.innerWrap.cObject.default
  33.20.10.value = block
  33.30.cObject.default.value = ><div class="block-inner teaser blue">|</div></div>
  34 =< tt_content.stdWrap.innerWrap.cObject.default
  34.20.10.value = block
  34.30.cObject.default.value = ><div class="block-inner teaser green">|</div></div>
 }
}

Bisheriger Artikel – für TYPO3 4.4-4.6

Das eine oder andere Design gibt es vor, dass Inhaltselemente wie Text mit Bild oder eine Erweiterung ein anderes Aussehen als der übliche Inhalt erhalten sollen. Dazu kann man die in jedem Inhaltsobjekt enthaltene Auswahlbox Rahmen verwenden. Wer diese Funktion bereits mit TYPO3 4.2 oder vorher verwendet hat, die Inhaltselemente in DIV-Containern mit der CSS-Klasse „csc-default“ gewrappt sind.
Rahmen für Inhaltselemente in TYPO3 4.4/4.7 – section_frame weiterlesen