hallo, erstmal danke für das menü,allerdings hab ich ein problem. ich hab alles wie beschrieben eingerichtet, bekomme aber bei den menüpunkten ohne unterpunkte nen zeilenumbruch nach dem a-tag... also so ->
<li><a href="47.0.html">Ansprechpartner</a><br></li>
kann mir jemand erklären wo das herkommt?
wie gesagt, es schaut alles so aus wie im ersten post beschrieben...
schonmal danke!
mich würde sehr interessieren, wie das Menu als Gmenu realisiert wird.
Momentan sieht der Code so aus, allerdings funktioniert es nur im IE 6
richtig. Im Firefox passiert gar nix.
Wäre lieb, wenn mir da jemand weiterhelfen könnte, leider gibt es ja bei Gmenus kein "wrapItemAndSub" :-(
temp.gmenu-2 = HMENU
temp.gmenu-2{
special = directory
special.value = 20
#entryLevel = 0
1 = GMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO {
ATagTitle.field = title
#wrap = <li>|</li>
wrap = <li class="menuparent">|</li>
XY = 178, 28 |*| 84,28 |*| 84,28
backColor = #b74249 |*| #c8706d |*| #c8706d
50 = TEXT
50 {
text.field = title
fontSize = 18
fontFile = fileadmin/template/fonts/ATRotSemSanBol.ttf
fontColor = #000000
align = left
offset = 18,20 |*| 3,20 |*| 3,20
transparentBackground = 1
}
}
ACT < .NO
ACT = 1
ACT.50.fontColor = #FFFFFF
RO < .ACT
RO = 1
}
2 < .1
2 = GMENU
2 {
wrap = <ul>|</ul>
NO = 1
NO {
XY = 178, 15
backColor = #FFFFFF
50 = TEXT
50 {
niceText = 1
offset = 100,10
fontSize = 12
}
}
ACT < .NO
ACT = 1
ACT.50.fontColor = #a7032f
RO < .ACT
RO = 1
RO.50.fontColor = #a7032f
}
}
Ich habs so gelöst
marks.MENU = HMENU
marks.MENU {
special = directory
special.value = 158
entryLevel = 1
1=GMENU
1 {
wrap = <ul id="nav">|</ul>
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
transparentBackground = 1
XY=135,24
10=TEXT
10 {
text.field=title
offset=1,20
fontColor=#000E31
fontFile=fileadmin/fonts/madfont.ttf
fontSize=11
}
}
ACT <.NO
ACT.10.fontColor = red
IFSUB <.NO
IFSUB.allWrap = <li class="menuparent">|
IFSUB.5 = IMAGE
IFSUB.5.file = fileadmin/listmenu/right_gmenu_no.gif
ACTIFSUB <.IFSUB
ACTIFSUB.5.file = fileadmin/listmenu/right_gmenu_act.gif
ACTIFSUB.10.fontColor = red
RO <.NO
RO.10.fontColor = blue
ACTRO <.RO
ACTIFSUBRO <.RO
ACTIFSUBRO.5 = IMAGE
ACTIFSUBRO.5.file = fileadmin/listmenu/right_gmenu_actifsubro.gif
IFSUBRO <.ACTIFSUBRO
}
2 = TMENU
2 {
wrap = <ul>|</ul></li>
expAll = 1
noBlur = 1
NO = 1
NO.allWrap = <li>|</li>
ACT <.NO
ACT.allWrap = <li class="nav2act> |</li>
IFSUB = 1
IFSUB.allWrap = <li class="menuparent">|
ACTIFSUB = 1
ACTIFSUB.allWrap = <li class="menuparent">|
}
3 <.2
}
georg
Im firefox wird bei mir die Seite richtig angezeigt. Aber im Internet Explorer wird kein aufklappendes Menü gezeigt.
Ich habe mal zwei Printscreens gemacht.
Kennt jemand dieses Problem?
Ich hab mal noch die TS-Konfiguration angehängt.
Bild: s2.bilder-hosting.de/…/SL8T6.jpg
Bild: s2.bilder-hosting.de/…/SLDM9.jpg
heady = COA
heady.11 = TEXT
heady.11.value = <script type="text/javascript" src="fileadmin/page/Javascript/horizontal.js"></script>
seite = PAGE
seite.typeNum = 0
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.includeCSS {
file1 = fileadmin/page/hp.css
file2 = fileadmin/page/navigation.css
}
seite.10 = TEMPLATE
seite.10 {
template = FILE
template.file = fileadmin/page/page.html
workOnSubpart = CONTENT
marks.DOCUMENT < styles.content.get
marks.MENUE = HMENU
marks.MENUE {
special = directory
special.value = 4
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
}
die js-Datei wird auch im quellcode eingebunden?
georg
im html-quellcode nicht, aber im TS-Code.
gehört im HTML noch etwas hin?
Mein momentaner Stand:
<!--###CONTENT###-->
<div class="wrap">
<div class="header"> </div>
<table boarder="0">
<tr>
<td width="780">
<div class="topnav" id="nav">
###MENUE###
</div>
</td>
</tr>
<tr>
<td>
<div>
<table boarder="0" width="780">
<tr>
<td>
<img src="fileadmin/page/images/blank.gif" width="30" height="0" border="0" alt="" />
</td>
<td>
###DOCUMENT###
</td>
<td>
<img src="fileadmin/page/images/blank.gif" width="30" height="0" border="0" alt="" />
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!--###CONTENT###-->
nun dann stimmt der pfad nicht oder nicht wie es eingebunden wird 😉
page.headerData ...
georg
habe mal folgendes versucht:
seite.header = COA
seite.header.11 = TEXT
seite.header.11.value = <script type="text/javascript" src="fileadmin/page/Javascript/horizontal.js"></script>
mit dem Firefox funktionierte es.
Leider mit dem Internet Explorer leider nicht.
Vielen Dank Georg für deine Hilfe, habe es noch ein klein wenig an meine Bedürfnisse anpassen müssen und es läuft einwandfrei ;-)
Hier noch einmal das Typoscript für alle, die ein reines Gmenu auf Basis dieses Listenmenus realisieren möchten.
...
page = PAGE
page {
headerData.30 = TEXT
headerData.30.value = <script type="text/javascript" src="fileadmin/template/scripts/horizontal_JS.js"></script>
}
...
# Dynamisches Grafikmenu der shop Ebene
temp.gmenu-2 = HMENU
temp.gmenu-2 {
special = directory
special.value = 20
excludeUidList = 29
1 = GMENU
1 {
wrap = <div id="gmenu-2"><ul id="nav">|</ul></div>
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
XY = 168, 28 |*| 84,28 |*| 84,28
backColor = #b74249 |*| #c8706d |*| #c8706d
50=TEXT
50 {
text.field = title
fontSize = 16
fontFile = fileadmin/template/fonts/ATRotSemSanBol.ttf
fontColor = #FFFFFF
align = left
offset = 15,20
niceText = 1
}
}
ACT <.NO
ACT.50.fontColor = #000000
IFSUB <.NO
IFSUB.allWrap = <li class="menuparent">|
ACTIFSUB <.IFSUB
RO <.ACT
ACTRO <.RO
ACTIFSUBRO <.RO
IFSUBRO <.ACTIFSUBRO
}
2 = GMENU
2 {
wrap = <ul>|</ul></li>
expAll = 1
#noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
XY = 83, 25
backColor = #b74249
50 = TEXT
50 {
text.field = title
niceText = 1
offset = 15,18
fontColor = #FFFFFF
fontSize = 14
fontFile = fileadmin/template/fonts/ATRotSemSanBol.ttf
}
ACT <.NO
ACT.allWrap = <li class="nav2act> |</li>
IFSUB = 1
IFSUB.allWrap = <li class="menuparent">|
ACTIFSUB = 1
ACTIFSUB.allWrap = <li class="menuparent">|
RO < .NO
RO = 1
RO.backColor = #c8706d
}
3 <.2
}
Das einzige, was mich jetzt noch richtig glücklich machen würde, wäre eine kleine Optimierung für Suchmaschinen. Und zwar ein Title-Tag im A-Tag. Habe hier im Forum schon einiges zu diesem Thema gefunden, allerdings hat es bei mir nie bei GMENU´s gegriffen.
Vielen Dank an alle Interessierten.
Habs herausgefunden ;-)
Der Header muss so sein.
seite = PAGE
seite {
headerData.30 = Text
headerData.30.value = <script type="text/java......">
}
...
Ist mir gar nicht aufgefallen #paralyzed#
Danke vielmals für die Hilfe.
Erstmal schönen Dank für die bereitstellung dieses super schlanken Menus 8-)
Habs gleich mal auf diversen Browsern getestet, leider hat die Beta 2 vom IE7 derzeit Probleme (Betrifft vertikale Version). Hoffen wir mal das dieser Bug noch gefixt wird , Problem ist bei MS schon gepostet worden.
Lösung des Probs: definition Höhe der Listenelemente
MfG Jo
@ just2b:
Boa wie cool bist du denn!!!! Ich habe gerade anfangen mir die Zähne dran auszubeißen das Layermenü XHTML tauglich hinzukriegen!
DANKE!
Hallo,
donenik schriebBoa wie cool bist du denn!!!! Ich habe gerade anfangen mir die Zähne dran auszubeißen das Layermenü XHTML tauglich hinzukriegen!
8-) vielen herzlichen Dank! Veröffentlich doch einen Link dann später zu deiner Umsetzung!
georg
Hallo,
Ich versuche mich gerade mal dran das Horizontale DropDown Menu in das
YAML Template von t3net.de einzubinden....
Mit mässigem Erfolg 😉
Das TS-Template schaut bei mir folgendermassen aus
und ist in ein +ext template ausgelagert...
page {
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/horizontales-dropdown-menu.js"></script>
}
#
# subpart temp.nav_main
#############################
#
temp.nav_main = COA
temp.nav_main.10 = HMENU
temp.nav_main.10 {
special = directory
special.value = 1
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB
}
2 < .1
2.wrap = <ul>|</ul>
3 < .2
4 < .2
}
Im HTML Quelltext wird das .js Script so referenziert....
<script type="text/javascript" src="fileadmin/scripts/horizontales-dropdown-menu.js"></script>
und zwar gleich bevor die Meta-Tags beginnen....
Leider will das aber nicht wirklich mit dem IE.... 😢
Im Firefox klappts mit dem DropDown wenn mir auch die Styles noch
Kopfzerbrechen bereiten...
Hat da schon jemand Erfahrung mit gemacht und kann mir mit
ein/zwei Tipps Schützenhilfe geben...?
Merci vielmal und Gruss
Peter
Hi,
vielen lieben dank für diese 2 super beispiele, habe sie schon in verwendung und sogar ICH :o :o hab es geschaft das ans laufen zu kriegen und anzupassen!
dickes danke nochmal!
sascha
zu sehen unter http://www.beach-sports.at und http://www.computerservice-vienna.at 8-)
just2b schriebHallo,
donenik schriebBoa wie cool bist du denn!!!! Ich habe gerade anfangen mir die Zähne dran auszubeißen das Layermenü XHTML tauglich hinzukriegen!
8-) vielen herzlichen Dank! Veröffentlich doch einen Link dann später zu deiner Umsetzung!
georg
Ja nen kleinen Einblick kann ich schon gewähren denke ich. Funzt noch nicht 100%ig wie das mal soll und Text is auch noch nich drin. Das größte Problem is allerdings das ich den Hintergrund transparent gemacht habe (ich weiß der scheiß ie kann das nich) und das sich das dann beim Mousse Over über die ganze Höhe der Seite erstrecken soll. Und das natürlich ohne Scrollbalken wenns nich sein muss. Scheiß Perfektionismus oder?
Also hier gucken: http://franziska.hensdiek.com
hehe Perfektionismus... sag mir nichts 😉
Sitz jetz 3 Tage am Menü 😃
Neuigkeiten die es bald geben wird:
- Menü schließt nicht sofort wenn die Maus außerhalb
- Version mit Icons
- jeder Menüpunkt kann vom Redakteur anders gestylt werden, dh Schriftgröße, Icon, Hintergrund, whatever, ist eine eigene Extension geworden (die natürlich auch bei anderen Menüs funktioniert.
Preview
Bild: p19156.typo3server.info/…/previewMenu.gif
lg georg
Jaja alles könnte so leicht sein 😃
Mit dem Menü hast du dir ja echt was vorgenommen! Hatte mit Extensions schreiben bis jetzt noch nicht viel am Hut, hab nur mal aus dem Gästebuck ein Bestellformular gemacht, mit Preis ausrechnen und so. Aber es hat funktioniert :-)
donenik schriebMit dem Menü hast du dir ja echt was vorgenommen!
is ja schon fertig 😉)))
Echt vorbildlich, deine Zeit für so ein HowTo zu opfern. Kompliment.
Man sollte nur vllt noch einmal überdenken, wie man diese HowTos sinnvoll ins Forum integriert. Dieses HowTo ist 2 Monate alt, aber der Thread schon dermassen vollgeschrieben, dass Fragen kreuz und quer gestellt werden (müssen).
Wäre eine eigene Sektion "Howtos" nicht vielleicht sinnvoller? Zu jedem Howto kommt ein Link zu einem Thread, wo diskutiert werden kann. So könnte der Hauptthread nur von dem Ersteller genutzt werden um Aktualisierungen u.ä. zu posten und die (für viele uninteressante) Diskussion findet in einem weiteren Thread statt bzw. die Leute sollten lieber das Forum durchsuchen, um bspw. zu wissen, wie man eine CSS oder JS-Datei einbindet. Schliesslich hängen diese Fragen nur indirekt mit dem Menü zusammen.
Nur ein Vorschlag...
Gruß