Dieser Blog ist aus einem SEO-Wettbewerb um das Keyword Ventil entstanden. Nach dem erstaunlichem Erfolg nutzen wir, FeelFree Coaching&Consulting, diesen Blog als Plattform für unsere Erfahrungen als Webentwickler/Webdesigner mit TYPO3 und SEO.
TYPO3 Rahmen
Einen enormen Effekt auf Ihre TYPO3-Website können Rahmen um den Content erwirken. Um diese Rahmen dem Redakteur im TYPO3-Backend einfach verfügbar zu machen, bedarf es nur weniger Zeilen Code.
Website ohne Rahmenkonfiguration
Website mit Rahmenkonfiguration
In die pageTSConfig der ROOT-Seite:
TCEFORM.tt_content {
section_frame.removeItems = 1,5,6,10,11,12,20,21
section_frame.altLabels.0 = Wählen Sie Ihr Layout
section_frame.addItems.35 = Rahmen aussen
section_frame.addItems.36 = Rahmen innen
}
In das Setup der ROOT-Seite:
tt_content.stdWrap {
innerWrap.cObject = CASE
innerWrap.cObject {
35 =< tt_content.stdWrap.innerWrap.cObject.default
35.15.value = cont
35.30.value = ><div class=”innen-rahmen”>|</div></div>
36 =< tt_content.stdWrap.innerWrap.cObject.default
36.15.value = cont
36.30.value = ><div class=”aussen-rahmen>|</div></div>
}
}
In die CSS-Datei:
div.innen-rahmen {border: 2px outset #F1F0ED;}
div.aussen-rahmen {border: 2px inset #F1F0ED;}
Ein wirklich netter Effekt. Ins CSS können natürlich auch schon mal neue CSS3-Anweisungen eingegeben werden. Diese sind zwar noch nicht in allen Browsern verfügbar, können die Website aber ohne Einsatz von Grafiken ungemein verschönern. “Runde Ecken”, Farbverläufe, Schatten.
Verwandte Beiträge: