TS_Snippets

Hier entsteht nach und nach eine Sammlung einfacher Snippets, Codelistings und Konfigurationen zu allem was mit TYPO3 und TYPOSCRIPT zu tun hat.
Falls ihr was für diese Seite habt - her damit ich werde es prüfen und ggfs. online stellen. kai

Underline im HTML-Area aktivieren

Aus irgendeinem Grund ist in den TYPO3 Versionen bis 4.2 der Underline-Button per default zwar im Editor zu sehen - jedoch hat er keine Funktion.

Damit er wieder das tut, was er soll, einfach folgende Zeile in die PAGE TSCONFIG:

 

RTE.default.proc.entryHTMLparser_db.removeTags := removeFromList(u)

 

Ansprechpartner: Kai im Kontaktfomular

Dynamisches Hintergrundbild im CSS

Wenn man dynamisch ein Hintergrundbild in einem CSS erzeugen will hilft folgendes Snipppet:

Im CSS Template muss nur noch der Marker ###BACKGROUNDIMAGE### rein. Der wird dann durch den Pfad zum GIFBUILDER generierten Image ersetzt. Nützlich z.B. bei grafischen Headlines!

Folgendes einfach in TS Setup:

 

page.headerData.123 = COA
page.headerData.123 {
wrap = <style>|</style>
10 = TEMPLATE
10 {
template = FILE
template.file = pfad/zum/csstemplate.css
marks {
BACKGROUNDIMAGE = IMG_RESOURCE
BACKGROUNDIMAGE.file=GIFBUILDER
BACKGROUNDIMAGE.file {
XY = [10.w]+15, [10.h]+5
backColor = #ededed
transparentColor = #ededed
10=TEXT
10 {
text.field = title
fontFile=pfad/zu/der/fonts.datei
fontSize = 21
offset = 0,17
fontColor = #000000
niceText = 0
}
}
}
}
}

 

# CSS TEMPLATE z.B.
# #nav_main { background: #468b5a url(###BACKGROUNDIMAGE###)}

 

 

Ansprechpartner: Kai im Kontaktfomular

Ergänzung

Wie so oft gibt es verschiedene Wege mit eigenen Vor- und Nachteilen. Der Weg oben via CSS-Tempalte hat den Vorteil, dass man die CSS-Daten wie als Template behandeln kann. Der Nachteil ist, dass die Einbindung in die CSS-Cascade nicht immer passt, weil das CSS nicht über die hierfür gedachten Eigenschaften page.stylesheet, page.includeCSS bzw. page.CSS_inlineStyle geschieht.

Einen Ausweg schafft das direkte Einbinden per inline-Style in den entsprechenden HTML-Container:

temp.head.10 = IMG_RESOURCE
temp.head.10.stdWrap.wrap = <div style="background-image:url(|) no-repeat;">
temp.head.10.file = GIFBUILDER
temp.head.10.file = {
XY = [10.w]+15, [10.h]+5
backColor = #ededed
transparentColor = #ededed
10=TEXT
10 {
text.field = title
fontFile=pfad/zu/der/fonts.datei
fontSize = 21
offset = 0,17
fontColor = #000000
niceText = 0
}
}