Hallo,
ich hab mir zum Ziel gesetzt, TMENU_LAYERS zu ersetzen und rausgekommen sind diese (Listen-)Menüs. Sie sind jeweils valide nach CSS2 und XHTML 1.1 und können mit mehreren Ebenen umgehen
horizontal:
Bild: just2b.com/…/horizontal.gif
Beispiele
Nr. 1 & Nr. 2
vertikal:
Bild: just2b.com/…/vertikal.gif
Beispiel
Nr. 1
TS/CSS/JS-Code gibts hierfür natürlich auch:
horizontal
vertikal
JS wird zB so eingebunden:
page {
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/xxxxx.js"></script>
}
Ich hoffe das ganze ist vollständig!
Lob/Kritik/Anregungen natürlich erwünscht
Georg
PS: das reine CSS-Menü ist nicht von mir sondern nur die Umsetzung damit es für TYPO3 geeignet ist
PPS: Bei Verwendung hört man ein 'Danke' gern.
Wow !
Das ist aber lieb von Dir Georg - so schön aufbereitet, das man nur noch zubeissen muss 😃
Es ist doch immer wieder schön zu sehen, das es einige User wie Dich gibt, die bereitwillig ihr Wissen mit den anderen teilen - und das auf so vorbildliche Art und Weise !
1000 Dank !
Können eigentlich auch normale Nutzer das [HowTo] so in blau dargestellt bekommen?
woida schrieb
Können eigentlich auch normale Nutzer das [HowTo] so in blau dargestellt bekommen?
nein, prefixe können nur Moderatoren/Admins vergeben. (auf anfrage mach ichs gern)
Mega großes LOB!
Danke Dir für das tolle Beispiel. Ich ärgere mich nämlich auch seit ein paar Tagen über den Berg an Java Script Code welchen TMENU_Layers in die Seiten haut.
Tolle Sache von Dir, dank solcher Beiträge engagiert man sich noch lieber in so einem Forum.
Viele Grüße
Markus
markus.l schrieb
Mega großes LOB!
Danke! 🙂
So heute Abend ist dazugekommen: vertikales Menü mit GMENU in 1. Ebene
Bild: g.gosaunet.at/…/vertikal_GMENU.gif
lg georg
tolle sache, danke für das how to! ich hoffe, ich komm bald mal dazu, es auszuprobieren!
Hi,
ich würde dieses Menü auch gerne in meiner Seiter einbauen nur weiss ich leider nicht 🙁 Wäre nett wenn mir einer erklären kann wie man die Dateien:
vertikal_CSS.css
vertikal_JS.js
in meiner Seite einbinden kann ?
schon mal mal danke im voraus.
mit LESEN, im 1. Posting steht wie man JS einbinden und CSS findet man auch genug, zB so
page.includeCSS {
file1 = fileadmin/template/main.css
file2 = fileadmin/template/navigation.css
}
georg
Ist ja Nett, nur bi nein Anfänger in Sachen Typo3 und weiss nicht wo und wie ich das alls mache, du müsstest mir das schon bischen detalierter erklären würdest ?!
Muss ich das in mein Templater einbinden oder wie ?
Danke im voraus.
muss in dein Template, ja
Hmm ja gut ok und wo genau ?! :o
Muss das in die "Constants" oder in die "Include static" oder wie ?
Sorry, aber um was zu lernen muss man was Fragen ...
bevor man Fragen stellt sollte man sich aber etwas damit beschäftigt haben und die Grundsätze kennen bevor man sich mit Komplexerem auseinandersetzt.
Arbeite dich mal durch das durch:
http://www.typo3.net/uploads/media/dokumentation.pdf
btw: der Code von just2b muss ins Setup-Feld deines Templates
fantriXx schrieb
Sorry, aber um was zu lernen muss man was Fragen
Man kann es aber auch selbst versuchen, bzw Dokus, wie diese hier lesen, um das Konzept von TYPO3 bzw TS verstehen zu lernen
nicht böse sein
lg georg
Klar lese ich Dokumentationen ich bin gerade beim Buch von Galileo Computing "Typo3 Das Handbuch für Entwickler" und bin fleißig am lesen und die Grundlagen habe ich auch shcon durch und kenne mich schon mit dem Programm einiger maßen aus. Nur wollte ich mich mal an sowelche Sachen wie Script wagen und bin in einem Fremden Gebiet und deswegen diese Fragen.
Hi just2b,
Dein HOW-TO ist echt klasse und funktioniert auch spitzenmäßig. Eine kurze Frage hätte ich noch: Was muss ich machen damit beim vertikalen Menü Aufzählungszeichen erscheinen oder wo muss dies in der CSS-Datei eingefügt werden. (<ul type="square">)
Hi,
jnreutel schrieb
Was muss ich machen damit beim vertikalen Menü Aufzählungszeichen erscheinen oder wo muss dies in der CSS-Datei eingefügt werden.
hm funktioniert auf Anhieb grad nicht ganz, warum machst du es nicht über ein background-image in ul#nav li {}, find ich IMHO sowieso schöner und bietet mehr Möglichkeiten
lg georg
ps: thx
Hab ich grad mit folgendem Code probiert.
ul#nav li {
position: relative;
list-style: none;
background: transparent url(pfeil.gif) left center no-repeat;
Problem ist jetzt dass nun die Menüs über den Pfeil liegen und nicht dahinter.
[/img]
Hallo, erstmal vielen Dank für dieses anschauliche Beispiel! Nachdem ich eine Woche lang vergeblich versucht hab, das ypSlideOut-Menü in meinem Projekt ans Laufen zu kriegen, war dieser Thread hier Balsam für meine geschundene Seele! 😉
Das Beispiel funktionierte anfangs wunderbar. Allerdings wollte ich die erste Ebene gerne durch ein GMENU ersetzen, seitdem klappt es nicht mehr und der IE meldet den JScriptfehler: 'document.getElementById(...)' ist Null oder kein Objekt.
Außerdem werden Rahmen um die Buttons angezeigt, obwohl ich eigentlich noBlur =1 gesetzt habe.
Da ich noch frischer T3-Einsteiger bin, hab ich sicher irgendeinen dämlichen Fehler gemacht. Ich würde mich daher über jeden Tipp freuen, an welcher Stelle ich suchen muss. :o
Mein Script (eingeklammert hinter 10.marks des page-Objekts):
#Grafikmenü oben
MENU_OBEN = HMENU
MENU_OBEN {
special = directory
special.value = 30
entryLevel = 0
expAll = 1
1 = GMENU
1.NO = 1
1.NO {
XY = 200, 30
backColor = #111111
transparentColor = #111111
maxWidth = 200
maxHeight = 30
noBlur = 1
#Menütext 1. Ebene rendern
10 = TEXT
10.text.field = title
10.align = middle
10.textMaxLength = 20
10.fontColor = #000000
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 18
10.niceText = 0
10.offset = 20, 20
#Schatten auf Ebene 5 kopieren
5 < .10
5 {
offset = 19, 21
fontColor = #555555
}
}
1.RO < .1.NO
1.RO.10.fontColor = #666666
2 = TMENU
2 {
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
3 < .2
3.wrap = <ul>|</ul>
4 < .3
}
Vielen Dank für jeden Hinweis!
Hallo just2b !!!
Ich habe dieses horizontale menu auch auf meiner Seite eingebunden und muss Dir an dieser Stelle ein großes Lob und meinen besonderen Dank aussprechen.
Was mich aber ein wenig zum staunen gebracht hat ist, dass in Opera 8.5 (ich habe keine andere OperaVersion zum testen) ein horizontaler Scrollbalken angezeigt wird, der sehr lang ist. Mit FF und ausnahmsweise auch dem IE ist das nicht der Fall. Wieso ist das so bzw. gibt es eine Möglichkeit dies auszuschalten???
liebe Grüße und nochmals "DANKE" !!!