Wikizone - Benutzerbeiträge [de]

Typo3 - Checkliste

2006-08-05T21:15:01Z

84.160.55.2:

Hier findest du Checklisten zu verschiedenen Aufgaben, bzw. eine Checkliste für den kompletten Webauftritt.
== Pflichtenheft ==
* HTML-Vorlage
** inkl. CSS und
** Menü mit den Zuständen normal hover und der Klasse on für gerade aktive Punkte
** ids für alle Bereiche die später mit dem Autoparser geparst werden anlegen. Alternativ entsprechende Marker oder Subparts anlegen.

* TypoScript Main-Template
** Variante 1
*** Marker ins HTML-Template einbinden
*** Marker im TS Anlegen
*** CSS einbinden
** Variante 2
*** Automaketemplate (Auto Template Parser konfigurieren)
*** Subparts anlegen (erst als TEXT-Objekte zum Testen)
** Navigation
** Inhalte formatieren (CSS, TS)
*** Text
*** Text mit Bild
*** Tabellen
*** Filelinks
*** Bulletlist
** Allgemeine Einstellungen
** Benutzer-Einstellungen (Rechte, Backend...)
** HTML-Area konfiguren
** Mehrsprachigkeit
** News-Plugin
** Weitere Plugins

== Allgemeine Einstellungen ==

== Mehrsprachigkeit realisieren ==

== Benutzer ==

Typo3

2006-08-05T21:03:17Z

84.160.55.2:

== Typo3 - Praxis ==
=== Typo3 - Baukasten ===
Vorgefertigte Skripte etc. gibt es im

[[Typo3 - Baukasten]]

=== Typo3 - Checkliste ===
In der [[Typo3 - Checkliste]] sind alle Schritte bis zur fertigen Website enthalten (Stichwort Pflichtenheft).

== Tipps und Tricks ==
Ausgangspunkt für viele Problemlösungen finden sich hier:

[[Typo3 - Tipps und Tricks]]
Themen: Mehrsprachigkeit, Navigation, Probleme lösen...

== Typo3 - Referenzen ==
Für Typo3 gibt es einige Nachschlagewerke. Aber wo finde ich was? Im Kapitel [[Typo3 - Referenzen]] gibt es eine Übersicht.

== Typo3 - Einrichten ==
Infos dazu unter:

[[Typo3 - Einrichten]]

== Typo3 - Wartung ==
Updates, temporäre Dateien, Backup, etc.

[[Typo3 - temporäre Dateien]]

[[Typo3 - Update]]

== Typo3 - TypoScript ==
Alles über TypoScript die wichtigsten Objekte usw. gibt es unter [[Typo3 - TypoScript]]

== Typo3 - Templates ==
Alles was mit HTML Templates, TS Templates, Static Templates usw. zu tun hat.
Auch Grundsätzliche TypoScript Einstellungen usw.

[[Typo3 - Templates]]

== Typo3 - Mehrsprachig ==
[[Typo3 - Mehrsprachige Seiten]]
[[Typo3 - Mehrsprachige Navigation]]

== Typo3 - Extensions entwickeln ==

[[Typo3 - Extensions]]

== Typo3, CSS und Barrierefreiheit ==

[[Typo3 und CSS]]

[[Typo3 barrierefrei]]

== Typo3 ohne SSH Zugang ==
Hier hilft das Tool phpshell von Martin Geisler.Das Tool sollte nach der Verwendung wieder entfernt oder gut gesichert werden.
Nachtrag 19.1.2006 - Das Tool hilft leider nicht bei allen Servern da bestimmte notwendige Rechte z.B. das Entpacken von tar.gz Archiven nicht funktionieren. D.h. die Symlinks die sich per ftp nicht erstellen lassen können auch auf diese Weise nicht erstellt werden.

[http://mgeisler.net/php-shell/ Zur Homepage von phpshell]

== Typo3 - XHTML konforme Seiten ==

[[Typo3 - XHTML konforme Seiten]]

Menue als CSS formatierte Liste

2006-08-05T20:40:52Z

84.160.55.2: /* Navi mit 1 Ebene, feste Start ID, waagerecht formatiert */

ToDo:
* Klasse last mit ins TypoScript einarbeiten

== Navi mit 1 Ebene, feste Start ID, waagerecht formatiert ==

'''TypoScript Setup'''
<pre>
temp.navi_bulletList = HMENU
temp.navi_bulletList {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = 23
# Seitenbaumebene ab Level2
entryLevel = 0
1 = TMENU
1.noBlur = 1
1.wrap = <ul>|</ul>
1.NO = 1
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT.linkWrap = <li class="on">|</li>
#1.ACTIFSUB = 1
#1.ACTIFSUB.linkWrap = <li class="on">|</li>
}
</pre>
Das Menü ist als Liste definiert:

''' HTML '''
<pre>
<nowiki>
<div id="menue_l1">
<ul>
<li><a href="http://www.alistapart.com/">Lorem eu</a></li>
<li><a href="http://www.stylegala.com">Ipsum</a></li>
<li><a href="http://www.css-praxis.de/">Nunc tellus</a></li>
<li class="on"><a href="http://www.csshilfe.de/">Tincidunt laoreet</a></li>
<li class="last"><a href="http://www.css4you.de">Faucibus</a></li>
</ul>
</div> 
</nowiki>
</pre>

''' CSS - Beispiel '''
<pre>
/* Menue Level1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue_l1{
float: left;
margin: 0;
height: 22px;
width:649px;
}
#menue_l1 {
border-bottom: #7F7F7B solid 1px;
background-color: #F3E4E4;
}
#menue_l1 ul{
float: left;
margin: 4px 0 0 16px;
list-style: none;
}
#menue_l1 li{
float:left;
border-right: solid 2px #7F7F7B;
padding: 0 8px 0 8px;
}
#menue_l1 li{
font-size: 0.7em;
}
#menue_l1 a{
display: block;
position: relative;
}
#menue_l1 a{
font-weight: bold;
}
#menue_l1 a:link, #menue_l1 a:visited{
text-decoration: none;
color: #353535;
}
#menue_l1 a:focus, #menue_l1 a:hover, #menue_l1 a:active{
color: #790525;
}
#menue_l1 li.on a {
color: #790525;
}
</pre>

Navi mit 2 Ebenen, relativ zur aktuellen Seite (entry Level gibt die Seitenebene an)

'''TypoScript Setup'''
<pre>
temp.navi_l2 = HMENU
temp.navi_l2 {
# Seitenbaumebene ab Level 1 (2. Ebene)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = <li>|</li>
ACT = 1
ACT.linkWrap = <li class="on">|
ACTIFSUB = 1
ACTIFSUB.linkWrap = <li class="on">|
}
# Liste in der Liste für Level3
2 = TMENU
2{
NO =1
wrap = <ul>|</ul></li>
NO.linkWrap = <li>|</li>
ACT = 1
ACT.linkWrap = <li class="on">|</li>
}
}
</pre>

Menue als CSS formatierte Liste

2006-08-05T20:39:31Z

84.160.55.2:

== Navi mit 1 Ebene, feste Start ID, waagerecht formatiert ==

'''TypoScript Setup'''
<pre>
temp.navi_bulletList = HMENU
temp.navi_bulletList {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = 23
# Seitenbaumebene ab Level2
entryLevel = 0
1 = TMENU
1.noBlur = 1
1.wrap = <ul>|</ul>
1.NO = 1
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT.linkWrap = <li class="on">|</li>
#1.ACTIFSUB = 1
#1.ACTIFSUB.linkWrap = <li class="on">|</li>
}
</pre>
Das Menü ist als Liste definiert:

''' HTML '''
<pre>
<nowiki>
<div id="menue_l1">
<ul>
<li><a href="http://www.alistapart.com/">Lorem eu</a></li>
<li><a href="http://www.stylegala.com">Ipsum</a></li>
<li><a href="http://www.css-praxis.de/">Nunc tellus</a></li>
<li class="on"><a href="http://www.csshilfe.de/">Tincidunt laoreet</a></li>
<li class="last"><a href="http://www.css4you.de">Faucibus</a></li>
</ul>
</div> 
</nowiki>
</pre>

''' CSS - Beispiel '''
<pre>
/* Menue Level1
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue_l1{
float: left;
margin: 0;
height: 22px;
width:649px;
}
#menue_l1 {
border-bottom: #7F7F7B solid 1px;
background-color: #F3E4E4;
}
#menue_l1 ul{
float: left;
margin: 4px 0 0 16px;
list-style: none;
}
#menue_l1 li{
float:left;
border-right: solid 2px #7F7F7B;
padding: 0 8px 0 8px;
}
#menue_l1 li{
font-size: 0.7em;
}
#menue_l1 a{
display: block;
position: relative;
}
#menue_l1 a{
font-weight: bold;
}
#menue_l1 a:link, #menue_l1 a:visited{
text-decoration: none;
color: #353535;
}
#menue_l1 a:focus, #menue_l1 a:hover, #menue_l1 a:active{
color: #790525;
}
#menue_l1 li.on a {
color: #790525;
}
</pre>

Navi mit 2 Ebenen, relativ zur aktuellen Seite (entry Level gibt die Seitenebene an)

'''TypoScript Setup'''
<pre>
temp.navi_l2 = HMENU
temp.navi_l2 {
# Seitenbaumebene ab Level 1 (2. Ebene)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = <li>|</li>
ACT = 1
ACT.linkWrap = <li class="on">|
ACTIFSUB = 1
ACTIFSUB.linkWrap = <li class="on">|
}
# Liste in der Liste für Level3
2 = TMENU
2{
NO =1
wrap = <ul>|</ul></li>
NO.linkWrap = <li>|</li>
ACT = 1
ACT.linkWrap = <li class="on">|</li>
}
}
</pre>

Typo3 - Baukasten

2006-08-05T20:33:09Z

84.160.55.2:

== Navigation ==
[[Menue als CSS formatierte Liste]]

Typo3 - Baukasten

2006-08-05T19:46:50Z

84.160.55.2: /* CSS-Listen-Navigation */

== Navigation ==
=== CSS-Listen-Navigation ===

'''TypoScript - Setup'''
<pre>
temp.navi_bulletList = HMENU
temp.navi_bulletList {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = 23
# Seitenbaumebene ab Level2
entryLevel = 0
1 = TMENU
1.noBlur = 1
1.wrap = <ul>|</ul>
1.NO = 1
1.NO.linkWrap = <li>|</li>
1.ACT = 1
1.ACT.linkWrap = <li class="on">|</li>
#1.ACTIFSUB = 1
#1.ACTIFSUB.linkWrap = <li class="on">|</li>
}
</pre>
Das Menü ist als Liste definiert:

''' HTML '''
<pre>
<nowiki>
<div id="menue_l1">
<ul>
<li><a href="http://www.alistapart.com/">Lorem eu</a></li>
<li><a href="http://www.stylegala.com">Ipsum</a></li>
<li><a href="http://www.css-praxis.de/">Nunc tellus</a></li>
<li class="on"><a href="http://www.csshilfe.de/">Tincidunt laoreet</a></li>
<li class="last"><a href="http://www.css4you.de">Faucibus</a></li>
</ul>
</div> 
</nowiki>
</pre>

''' CSS - Beispiel '''
<pre>
/* Menue Level1 und Level2
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#menue_l1{
float: left;
margin: 0;
height: 22px;
width:649px;
}
#menue_l1 {
border-bottom: #7F7F7B solid 1px;
background-color: #F3E4E4;
}
#menue_l1 ul{
float: left;
margin: 4px 0 0 16px;
list-style: none;
}
#menue_l1 li{
float:left;
border-right: solid 2px #7F7F7B;
padding: 0 8px 0 8px;
}
#menue_l1 li{
font-size: 0.7em;
}
#menue_l1 a{
display: block;
position: relative;
}
#menue_l1 a{
font-weight: bold;
}
#menue_l1 a:link, #menue_l1 a:visited{
text-decoration: none;
color: #353535;
}
#menue_l1 a:focus, #menue_l1 a:hover, #menue_l1 a:active{
color: #790525;
}
#menue_l1 li.on a {
color: #790525;
}
</pre>

Typo3 - Baukasten

2006-08-05T18:33:21Z

84.160.55.2:

Typo3

2006-08-05T18:22:19Z

84.160.55.2:

== Typo3 - Baukasten ==
Vorgefertigte Skripte etc. gibt es im

[[Typo3 - Baukasten]]

== Tipps und Tricks ==
Ausgangspunkt für viele Problemlösungen finden sich hier:

[[Typo3 - Tipps und Tricks]]
Themen: Mehrsprachigkeit, Navigation, Probleme lösen...

== Typo3 - Referenzen ==
Für Typo3 gibt es einige Nachschlagewerke. Aber wo finde ich was? Im Kapitel [[Typo3 - Referenzen]] gibt es eine Übersicht.

== Typo3 - Einrichten ==
Infos dazu unter:

[[Typo3 - Einrichten]]

== Typo3 - Wartung ==
Updates, temporäre Dateien, Backup, etc.

[[Typo3 - temporäre Dateien]]

[[Typo3 - Update]]

== Typo3 - TypoScript ==
Alles über TypoScript die wichtigsten Objekte usw. gibt es unter [[Typo3 - TypoScript]]

== Typo3 - Templates ==
Alles was mit HTML Templates, TS Templates, Static Templates usw. zu tun hat.
Auch Grundsätzliche TypoScript Einstellungen usw.

[[Typo3 - Templates]]

== Typo3 - Mehrsprachig ==
[[Typo3 - Mehrsprachige Seiten]]
[[Typo3 - Mehrsprachige Navigation]]

== Typo3 - Extensions entwickeln ==

[[Typo3 - Extensions]]

== Typo3, CSS und Barrierefreiheit ==

[[Typo3 und CSS]]

[[Typo3 barrierefrei]]

== Typo3 ohne SSH Zugang ==
Hier hilft das Tool phpshell von Martin Geisler.Das Tool sollte nach der Verwendung wieder entfernt oder gut gesichert werden.
Nachtrag 19.1.2006 - Das Tool hilft leider nicht bei allen Servern da bestimmte notwendige Rechte z.B. das Entpacken von tar.gz Archiven nicht funktionieren. D.h. die Symlinks die sich per ftp nicht erstellen lassen können auch auf diese Weise nicht erstellt werden.

[http://mgeisler.net/php-shell/ Zur Homepage von phpshell]

== Typo3 - XHTML konforme Seiten ==

[[Typo3 - XHTML konforme Seiten]]