Hallo Leute,
wer standardnah arbeiten will, braucht vielleicht für eine Textnavi eine verschachtelte Liste.
UPDATE:
Ich habe noch eine Option hinzugefügt:
Der akutelle Menüpunkt wird jetzt mit der Klasse
class="hl" (hl = highlighted engl. hervorgehoben)
versehen. Das ermöglicht das formatieren des aktuellen Menüopunktes und man kann dem User zeigen wo er ist.
# Ende Update
HTML Output:
<ul id="navi">
<li id="h1">Text
<ul>
<li><a href="" class="hl"></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
<li id="h2">Text
<ul>
<li><a href=""></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
<li id="h3">Text
<ul>
<li><a href=""></a>
<li><a href=""></a>
<li><a href=""></a>
</ul>
</li>
</ul>
Code im Setup Feld:
page.20 = HMENU
page.20.wrap = <ul id="navi">|</ul>
page.20.entryLevel = 0
page.20.1 = TMENU
page.20.1 {
expAll = 1
#onfocus entfernt
noBlur = 1
NO.doNotLinkIt = 1
#schließender Tag wird später angehängt in Ebene 2
NO.before = <li id="h1"> || <li id="h2"> || <li id="h3">
}
page.20.2 = TMENU
page.20.2.wrap = <ul>|</ul></li>
#onfocus entfernt
page.20.2.noBlur = 1
page.20.2 {
expAll = 1
NO.allWrap = <li>|</li>
CUR = 1
CUR {
allWrap = <li>|</li>
ATagParams = class="hl"
}
}
Vielleicht kann den Code jemand gebrauchen
Zur Zeit findet man ein Live Demo unter:
http://grassegger.at/cms/index.php
Die Formatierung geschieht nur übers CSS.
Das CSS ist auf IE 5 - 6 getestet, Moz und Firefox und Opera 7.
Hi!
renegrass schriebwer standardnah arbeiten will, braucht vielleicht für eine Textnavi eine verschachtelte Liste.
Ähnlich kann man übrigens auch Sitemaps erstellen, so geschehen unter http://www.quadracom.de/quadracom/quadracom_web_site/service/sitemap/index.html
CU
maxhb
Hi,
schöne Beispiele. Wärt ihr damit einverstanden, wenn diese Menüs in ein Tutorial für barrierefreie TYPO3-Webseiten einfliessen?
Daran arbeite ich gerade und will es dann als Doku-Ext auf typo3.org veröffentlichen. Hilfe willkommen.
ciao,
Sacha
sacha schriebschöne Beispiele. Wärt ihr damit einverstanden, wenn diese Menüs in ein Tutorial für barrierefreie TYPO3-Webseiten einfliessen?
ich fühle mich einfach mal angesprochen :o
O.K., here we go!
Sitemap = HMENU
Sitemap.entryLevel = 0
Sitemap.1 = TMENU
Sitemap.1 {
expAll = 1
wrap = <ul class="sitemap1"> | </ul>
noBlur = 1
NO {
allWrap = <li class="sitemap1"> | </li>
}
IFSUB = 1
IFSUB {
allWrap = <li class="sitemap1"> |
}
}
Sitemap.2 = TMENU
Sitemap.2 {
wrap = <ul class="sitemap2"> | </ul></li>
expAll =1
noBlur = 1
NO {
allWrap = <li class="sitemap2"> | </li>
}
IFSUB = 1
IFSUB {
allWrap = <li class="sitemap2"> |
}
}
Sitemap.3 = TMENU
Sitemap.3 {
wrap = <ul class="sitemap3"> | </ul></li>
expAll =1
noBlur = 1
NO {
allWrap = <li class="sitemap3"> | </li>
}
}
CU
maxhb
Hi Sacha,
html und TS CODE + CSS kein Problem, aber die Grafiken sind schon für eine Seite und sollen das auch bleiben.
:-)
Zur Zeit findet man ein Live Demo unter:
Schade, das die Live-Demo nicht mehr online ist o.O
Liebe Grüße,
Michael
Hi,
das Thema ist zwar schon ein jahr alt (tutorial schon fertig?),
aber hier ist mal mein Beitrag zur Sitemap:
die Typo3-Standard-Sitemap ul-li-verschachtelt ausgeben:
tt_content.menu.20.2{
1{
noBlur = 1
target >
wrap = <ul class="sitemap1"> | </ul>
NO.allWrap = <li class="sitemap1"> | </li>
IFSUB = 1
IFSUB.allWrap = <li class="sitemap1"> |
}
2{
wrap = <ul class="sitemap2"> | </ul></li>
noBlur = 1
target >
NO.allWrap = <li class="sitemap2"> | </li>
expAll = 1
IFSUB = 1
IFSUB.allWrap = <li class="sitemap2"> |
}
3{
noBlur = 1
target >
wrap = <ul class="sitemap3"> | </ul></li>
NO.allWrap = <li class="sitemap3"> | </li>
expAll = 0
}
}
Ben