Typo3 - HTML Code optimieren: Unterschied zwischen den Versionen
Aus Wikizone
| Zeile 1: | Zeile 1: | ||
| − | |||
== Inline CSS auslagern == | == Inline CSS auslagern == | ||
config.inlineStyle2TempFile = 1 | config.inlineStyle2TempFile = 1 | ||
| + | ===Mehrere Stylesheets in Seite einbinden=== | ||
| + | Um mehrere Stylesheets in eine Seite einzubinden, ist folgender Code im Setup des Templates notwendig | ||
| + | <pre> | ||
| + | page.includeCSS { | ||
| + | file1 = fileadmin/styles/basic.css | ||
| + | file2 = fileadmin/styles/basic2.css | ||
| + | } | ||
| + | </pre> | ||
| + | Um beispielsweise eine CSS-Datei für die Druckausgabe dort hinzuzufügen, ergänzt man das Setup wie folgt | ||
| + | <pre> | ||
| + | file2.title = Drucken | ||
| + | file2.media = print | ||
| + | </pre> | ||
| + | Prüfen... | ||
== Kommentare im Quelltext abschalten == | == Kommentare im Quelltext abschalten == | ||
<pre> | <pre> | ||
| Zeile 27: | Zeile 40: | ||
manches bleibt denoch stehen | manches bleibt denoch stehen | ||
| − | == JavaScript auslagern | + | == JavaScript auslagern == |
config.removeDefaultJS = external | config.removeDefaultJS = external | ||
| − | entfernt | + | entfernt das Blur Script |
| + | == Zusätzliche Header Einträge == | ||
| + | z.B. | ||
| + | <pre> | ||
| + | page.headerData.10 = TEXT | ||
| + | page.headerData.10.value= <script language="JavaScript" src="*.js"></script> | ||
| + | </pre> | ||
== HTML-Tidy == | == HTML-Tidy == | ||
| Zeile 35: | Zeile 54: | ||
== Abstände von Elementen == | == Abstände von Elementen == | ||
| − | + | <pre> | |
tt_content.image.20.spaceBelowAbove = 0 | tt_content.image.20.spaceBelowAbove = 0 | ||
# entfernt 1-pixel clear.gif über jedem Bild mit Text | # entfernt 1-pixel clear.gif über jedem Bild mit Text | ||
| Zeile 49: | Zeile 68: | ||
tt_content.stdWrap.spaceAfter = 0 | tt_content.stdWrap.spaceAfter = 0 | ||
lib.stdheader.stdWrap.space = 0|0 | lib.stdheader.stdWrap.space = 0|0 | ||
| + | </pre> | ||
Aktuelle Version vom 17. März 2006, 12:01 Uhr
Inline CSS auslagern[Bearbeiten]
config.inlineStyle2TempFile = 1
Mehrere Stylesheets in Seite einbinden[Bearbeiten]
Um mehrere Stylesheets in eine Seite einzubinden, ist folgender Code im Setup des Templates notwendig
page.includeCSS {
file1 = fileadmin/styles/basic.css
file2 = fileadmin/styles/basic2.css
}
Um beispielsweise eine CSS-Datei für die Druckausgabe dort hinzuzufügen, ergänzt man das Setup wie folgt
file2.title = Drucken file2.media = print
Prüfen...
Kommentare im Quelltext abschalten[Bearbeiten]
tt_content {
# remove comment for content elements
stdWrap.prefixComment =
# remove comment for text elements
text.20.prefixComment =
# remove comment for bullet lists
bullets.20.stdWrap.prefixComment =
# remove comment for tables
table.20.stdWrap.prefixComment =
# remove comment for images
image.20.stdWrap.prefixComment =
# remove comment for headers
header.20.stdWrap.prefixComment =
}
oder einfach:
config.disablePrefixComment = 1
manches bleibt denoch stehen
JavaScript auslagern[Bearbeiten]
config.removeDefaultJS = external
entfernt das Blur Script
Zusätzliche Header Einträge[Bearbeiten]
z.B.
page.headerData.10 = TEXT page.headerData.10.value= <script language="JavaScript" src="*.js"></script>
HTML-Tidy[Bearbeiten]
Todo
Abstände von Elementen[Bearbeiten]
tt_content.image.20.spaceBelowAbove = 0 # entfernt 1-pixel clear.gif über jedem Bild mit Text tt_content.textpic.20.noStretchAndMarginCells = 1 # entfernt 1-pixel clear.gif über jedem Bild tt_content.image.20.noStretchAndMarginCells = 1 tt_content.textpic.20.noStretchAndMarginCells = 1 tt_content.image.20.spaceBelowAbove = 0 tt_content.header.stdWrap.space = 0|0 tt_content.stdWrap.space = 0|0 tt_content.stdWrap.spaceBefore = 0 tt_content.stdWrap.spaceAfter = 0 lib.stdheader.stdWrap.space = 0|0
