Wikizone - Benutzerbeiträge [de]

Typo3 - HTML Code optimieren

2006-03-17T11:01:47Z

84.161.179.146:

== Inline CSS auslagern ==
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 ==
<pre>
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 =
}
</pre>

oder einfach:

config.disablePrefixComment = 1

manches bleibt denoch stehen

== JavaScript auslagern ==
config.removeDefaultJS = external
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 ==
Todo

== Abstände von Elementen ==
<pre>
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
</pre>

Typo3 - HTML Code optimieren

2006-03-17T10:36:38Z

84.161.179.146:

== Inline CSS auslagern ==
config.inlineStyle2TempFile = 1

== Kommentare im Quelltext abschalten ==
<pre>
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 =
}
</pre>

oder einfach:

config.disablePrefixComment = 1

manches bleibt denoch stehen

== JavaScript auslagern
config.removeDefaultJS = external
entfernt nur wenig

== HTML-Tidy ==
Todo

== Abstände von Elementen ==

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

Typo3 - Tipps und Tricks

2006-03-17T10:20:01Z

84.161.179.146: /* JavaScript in externe Datei auslagern */

mehr auf [[Typo3 - TS Templates]]
und: [[Typo3 - Wichtige TypoScript Einstellungen]]

== Rendering von Content Elementen ==
weitere Infos unter:

[[Typo3 - Content Elemente anpassen]]

=== Einstellungen für Bilder ===
Größe (maximal, minimal, Popups, Skalierung, Bildunterschriften...)

=== Link to Top ===

=== Darstellung von Tabellen ===
Betrifft hauptsächlich das static Template content(default)

=== clear.gif und Absätze loswerden ===
content(default)

=== externe Links ===
_self oder _blank, aussehen...
styles.content.links.extTarget (bei css_styled_content)

=== Listenpunkte und Aufzählungen ===

=== Layoutauswahl ===
siehe [[Typo3 - Rahmen (Frames)]] für Rahmen

und [[Typo3 - Backend anpassen]] für Header (Überschriften)

=== Inline CSS loswerden ===
Bei vielen Extensions und bei CSS Styled ImgText liegt das CSS Inline. Besser wäre ist es das CSS komplett in eigene Dateien auszulagern.

# Inline Styles auslagern
config.inlineStyle2TempFile = true

=== JavaScript in externe Datei auslagern ===
Z.B. der kleine JavaScript Schnipsel für das Blur im IE auslagern.
Wie bindet man externes JavaScript ein...

siehe unter
[[Typo3 - HTML Code optimieren]]

=== Ausgabe einer Spalte Wrappen ===
'''Beispiel:'''
<pre>
#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
#Ganze Spalte Wrappen
subparts.CONTENT_RIGHT.wrap = <div class="content_right"> | </div>
#Einzelnes Element Wrappen
subparts.CONTENT_RIGHT.renderObj.stdWrap.wrap=<div class="bordered">|</div>
</pre>
=== Ausgabe einer Spalte Wrappen wenn nicht leer ===
Hier wird das content element nur mit einem div gewrapt wenn es nicht leer ist
<pre>
temp.rightContent < styles.content.getRight
temp.rightContent.stdWrap {
wrap = <div id="right-main"> | </div>
if.isTrue.numRows < styles.content.getRight
}
</pre>
(TypoWizard.com 9.1.2006)

===p style="margin:0 0 0 0;" aus dem p-Tag rausnehmen===

tt_content.text.20.parseFunc.nonTypoTagStdWrap.encapsLines.addAttributes.P.style=

== Suche ==
===Index-Suche – kein eigenes Fenster öffnen===
'''Constants'''
styles.content.searchresult.resultTarget = _self
styles.content.searchresult.target = _self

== Domains anlegen ==
Todo...
== Rootline Navigation ==
Ein Beispiel bei dem zusätzlich Englisch (L=1) berücksichtigt wird.

<pre>
temp.rootline_html= HMENU
temp.rootline_html.special = rootline
temp.rootline_html.special.range = 0|-1
temp.rootline_html.1 = TMENU
temp.rootline_html.1 {
wrap = Sie sind hier: |
# evt. bestimte Seiten ausblenden...
excludeUidList =
# Sprache mit der ID 1 (Englisch)
target = _top
NO {
linkWrap= <span class="pathway">|</span>
# optionSplit: vor erstem item kein delimiter, sonst immer einer
allWrap = | |*| > | |*|
ATagBeforeWrap = 0
}
}

# Wrap für Englisch
[globalVar = GP:L = 1]
temp.rootline_html.1.wrap = You are here: |
[global]
</pre>

== Mehrsprachigkeit ==
So baut man mehrsprachige Seiten in Typo3:

[[Typo3 - Mehrsprachige Seiten]]

[[Typo3 - Mehrsprachige Navigation]]

== Spracheinstellungen ==

== HTML-Template einbinden ==
siehe auch: [[Typo3 - HTML-Templates]]
Beispiel (das page Objekt muß natürlich vorher definiert werden):

Im TS Template Setup:

<pre>
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/templates/main.html

### Subparts ansprechen ###
workOnSubpart = DOCUMENT_BODY

# Rootline (Pathway) einfügen ###
subparts.ROOTLINE < temp.rootline_html

# Hauptinhalt
subparts.CONTENT < layoutWrap
subparts.CONTENT.wrap = <div class="content"> | </div>

#Inhalt rechts
subparts.CONTENT_RIGHT < styles.content.getRight
subparts.CONTENT_RIGHT.wrap = <div class="content"> | </div>

# Rand bzw. Header
subparts.HEADER < styles.content.getBorder
subparts.HEADER <div class="header"> | </div>
# subparts.HEADER < temp.flashHeader

### Hauptnavigation ###
subparts.NAVI_LINKS < temp.navi_gLayer

### rechte Navi ###
subparts.NAVI_RECHTS <temp.naviGRight

}
</pre>

== Einstellungen für das Page Objekt ==

== Verschiedene Einstellungen ==
=== statische Seiten Simulieren ===
Statische Seiten simulieren
config.simulateStaticDocuments = PATH_INFO
config.simulateStaticDocuments_addTitle = 30
config.simulateStaticDocuments = 1
config.admPanel = 1
config.simulateStaticDocuments_noTypeIfNoTitle = 1

.htaccess Datei für Apache Server nicht vergessen (muß nur unbenannt werden)

=== Einstellungen für das Admin Panel ===

===Email===

==== Spamschutz für Email Adressen ====
config.spamProtectEmailAddresses = 1
config.spamProtectEmailAddresses_atSubst = (at)

====E-Mail-Absender für automatische E-Mails z.B. über Kontaktformular====
E-Mail-Adresse
plugin.feadmin.dmailsubscription.email = info(at)easy-office4you.de
E-Mail-Name
plugin.feadmin.dmailsubscription.emailName = Barbara Hofbauer

== Typo3 RTE - Einstellungen ==
===RTE Absatz Formatierung einstellen===
lib.parseFunc_RTE {
nonTypoTagStdWrap.encapsLines.nonWrappedTag >
nonTypoTagStdWrap.encapsLines.wrapNonWrappedLines = | </br>
}

===HTML-Area (htmlarea) statt RTE===
Mit der Extension htmlarea kann man den RTE ersetzen. Er bietet einiges mehr an Bearbeitungsfunktionen (wenn man die denn will) aber vor allem läuft er auch auf Mozilla, Firefox, etc. Browsern.

==htmlarea anpassen==
Die Möglichkeiten des htmlarea Editors sind oft zuviel des Guten. Die meisten Anpassungen des RTE funktionieren auch im htmlarea. Beispiele:

Minimale Funktionalität

Im Page Setup:
<pre>
RTE.default {
## Toolbar options applicable to all RTE's
## The TCA configuration may add buttons to the toolbar
showButtons = bold,italic,undo,redo,about
}
</pre>
## front end RTE configuration for the general public (htmlArea RTE only)
RTE.default.FE < RTE.default

== Header Image austauschen ==
[[Typo3 - Header Image austauschen]]