Wikizone - Benutzerbeiträge [de]

Typo3 - Baukasten

2007-02-15T19:16:13Z

84.160.193.248: /* Navigation */

== Auf Daten zugreifen ==

== Standardeinstellungen ==
[[Typo3 - Standardeinstellungen]]

== Navigation ==

=== Einfaches Menü mit 1 Ebene (CSS) ===
siehe: [[Menue als CSS formatierte Liste]]

=== Menü mit 2 Ebenen als verschachtelte Liste ===
Dieses Menü ist besonders für vertikale Navigationen geeignet

'''Constants'''
<pre>
# Einstieg Level 1
navi-L12-startID = 1
navi-L12-delimiter =   |  
navi-L12-delimiter =
</pre>

'''Setup'''
<pre>
### Top Navigation ###
temp.navi-L12 = HMENU
temp.navi-L12 {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = {$navi-L12-startID}
# Ebene für den Einstieg (nicht vergessen wg. 2. Level)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>
ACTIFSUB = 1
#Wenn Unterpunkte dann li aufmachen
ACTIFSUB.linkWrap = <li class="on">|
}
2 = TMENU
2{
noBlur = 1
NO = 1
#Unterpunkt also neue ul und danach li zu (von L1 geöffnet)
wrap = <ul>|</ul></li>
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>

#ACTIFSUB = 1
#ACTIFSUB.linkWrap = <li class="on">|</li>
}
}
</pre>
=== Menü mit 2 Ebenen als separate Listen ===
Dieses Menü ist besonders für horizontale Navigationen geeignet. Da die 2. Ebene relativ angegeben wird muß man bei mehreren Navigationsbäumen aufpassen, daß evt. ein Untermenü einer anderen Navigation (anderer Baum) ebenfalls angezeigt wird. Das läßt sich z.B. umgehen in dem man das Navitemplate erst im Unterbaum setzt oder indem man im Hauptbaum eine Bedingung setzt ([PIDinRootline = 123])

Ebene 1 ist im Prinzip eine einfache Liste:
'''Constants'''
<pre>
# Navi nur Level1
#Startpunkt
navi_startID = 1

#Trennzeichen für horizontale Navi:
naviL1-delimiter =   |  
</pre>
'''Setup'''
<pre>
### Top Navigation ###
temp.naviL1 = HMENU
temp.naviL1 {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = {$navi_startID}
1 = TMENU
1.noBlur = 1
1.wrap = <ul>|</ul>
1.NO = 1
1.NO.linkWrap = |*| <li>|{$naviL1-delimiter}</li> |*| <li>|</li>
1.ACT = 1
1.ACT.linkWrap = |*| <li class="on">|{$naviL1-delimiter}</li> |*| <li class="on">|</li>
#1.ACTIFSUB = 1
#1.ACTIFSUB.linkWrap = <li class="on">|</li>
}

</pre>

Für Ebene 2 wird eine weitere Liste generiert wenn man sich in einem bestimmten Level befindet:
'''Constants'''
<pre>
# Navigation nur ab Level x als ul (Standard entry Level1=2.Level)

#Trennzeichen für horizontale Navi:
naviLx-delimiter =   |  
naviLx-entryLevel = 1
</pre>

'''Setup'''
<pre>
temp.naviLx = HMENU
temp.naviLx {
# Seitenbaumebene ab Level 1 darstellen (2. Ebene)
entryLevel = {$naviLx-entryLevel}
# Level 2
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
# Für horizontale Navi mit delimiter bei vertikal einfach nichts setzen
NO.linkWrap = |*| <li>|{$naviLx-delimiter}</li> |*| <li>|</li>

ACT = 1
# Für vertikale Navi ohne delimiter...
#ACT.linkWrap = <li class="on">|</li>
# und horizontal mit delimiter
ACT.linkWrap = |*| <li class="on">|{$naviLx-delimiter}</li> |*| <li class="on">|</li>

#ACTIFSUB = 1
#ACTIFSUB.linkWrap = <li class="on">|
}
}
</pre>

=== Menü als CSS formatierte Liste (allgemein) ===
[[Menue als CSS formatierte Liste]]
=== CSS-Flyout Menü ===
[[Typo3 - CSS-Flyout Menü]]

== News Modul ==
Hier gibt es fertige Konfigurationen:
[[News (tt_news)]]

Typo3 - Baukasten

2007-02-15T19:01:46Z

84.160.193.248: /* Einfaches Menü mit 1 Ebene (CSS) */

Menue als CSS formatierte Liste

2007-02-15T18:59:56Z

84.160.193.248:

== 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

2007-02-15T18:59:09Z

84.160.193.248:

== Auf Daten zugreifen ==

== Standardeinstellungen ==
[[Typo3 - Standardeinstellungen]]

== Navigation ==

=== Einfaches Menü mit 1 Ebene (CSS) ===

=== Menü mit 2 Ebenen als verschachtelte Liste ===
Dieses Menü ist besonders für vertikale Navigationen geeignet

'''Constants'''
<pre>
# Einstieg Level 1
navi-L12-startID = 1
navi-L12-delimiter =   |  
navi-L12-delimiter =
</pre>

'''Setup'''
<pre>
### Top Navigation ###
temp.navi-L12 = HMENU
temp.navi-L12 {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = {$navi-L12-startID}
# Ebene für den Einstieg (nicht vergessen wg. 2. Level)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>
ACTIFSUB = 1
#Wenn Unterpunkte dann li aufmachen
ACTIFSUB.linkWrap = <li class="on">|
}
2 = TMENU
2{
noBlur = 1
NO = 1
#Unterpunkt also neue ul und danach li zu (von L1 geöffnet)
wrap = <ul>|</ul></li>
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>

#ACTIFSUB = 1
#ACTIFSUB.linkWrap = <li class="on">|</li>
}
}
</pre>

=== Menü als CSS formatierte Liste (allgemein) ===
[[Menue als CSS formatierte Liste]]
=== CSS-Flyout Menü ===
[[Typo3 - CSS-Flyout Menü]]

== News Modul ==
Hier gibt es fertige Konfigurationen:
[[News (tt_news)]]

Typo3 - Baukasten

2007-02-15T18:57:37Z

84.160.193.248:

== Auf Daten zugreifen ==

== Standardeinstellungen ==
[[Typo3 - Standardeinstellungen]]

== Navigation ==

== Einfaches Menü mit 1 Ebene (CSS) ==

== Menü mit 2 Ebenen als verschachtelte Liste ==
Dieses Menü ist besonders für vertikale Navigationen geeignet

'''Constants'''
<pre>
# Einstieg Level 1
navi-L12-startID = 1
navi-L12-delimiter =   |  
navi-L12-delimiter =
</pre>

'''Setup'''
<pre>
### Top Navigation ###
temp.navi-L12 = HMENU
temp.navi-L12 {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = {$navi-L12-startID}
# Ebene für den Einstieg (nicht vergessen wg. 2. Level)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>
ACTIFSUB = 1
#Wenn Unterpunkte dann li aufmachen
ACTIFSUB.linkWrap = <li class="on">|
}
2 = TMENU
2{
noBlur = 1
NO = 1
#Unterpunkt also neue ul und danach li zu (von L1 geöffnet)
wrap = <ul>|</ul></li>
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>

#ACTIFSUB = 1
#ACTIFSUB.linkWrap = <li class="on">|</li>
}
}
</pre>

[[Menue als CSS formatierte Liste]]
[[Typo3 - CSS-Flyout Menü]]

== News Modul ==
Hier gibt es fertige Konfigurationen:
[[News (tt_news)]]

Typo3 - Baukasten

2007-02-15T18:56:56Z

84.160.193.248: /* Navigation */

== Auf Daten zugreifen ==

== Standardeinstellungen ==
[[Typo3 - Standardeinstellungen]]

== Einfaches Menü mit 1 Ebene (CSS) ==

== Menü mit 2 Ebenen als verschachtelte Liste ==
Dieses Menü ist besonders für vertikale Navigationen geeignet

'''Constants'''
<pre>
# Einstieg Level 1
navi-L12-startID = 1
navi-L12-delimiter =   |  
navi-L12-delimiter =
</pre>

'''Setup'''
<pre>
### Top Navigation ###
temp.navi-L12 = HMENU
temp.navi-L12 {
#stdWrap.case = lower
special = directory
# Seitenid für den Einstieg
special.value = {$navi-L12-startID}
# Ebene für den Einstieg (nicht vergessen wg. 2. Level)
entryLevel = 1
1 = TMENU
1{
noBlur = 1
wrap = <ul>|</ul>
NO = 1
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>
ACTIFSUB = 1
#Wenn Unterpunkte dann li aufmachen
ACTIFSUB.linkWrap = <li class="on">|
}
2 = TMENU
2{
noBlur = 1
NO = 1
#Unterpunkt also neue ul und danach li zu (von L1 geöffnet)
wrap = <ul>|</ul></li>
NO.linkWrap = |*| <li>|{$navi-L12-delimiter}</li> |*| <li>|</li>
ACT = 1
ACT.linkWrap = |*| <li class="on">|{$navi-L12-delimiter}</li> |*| <li class="on">|</li>

#ACTIFSUB = 1
#ACTIFSUB.linkWrap = <li class="on">|</li>
}
}
</pre>

== Navigation ==
[[Menue als CSS formatierte Liste]]
[[Typo3 - CSS-Flyout Menü]]

== News Modul ==
Hier gibt es fertige Konfigurationen:
[[News (tt_news)]]