Menü mal anders!!!

Hey leute ich glaube fast, dass ich auf dem richtigen Weg bin. Doch ich glaube auch, dass es noch ein weiter Weg ist. Jedenfalls habe ichs mal so versucht:

Mittels Tabelle in welche ich die Menus lege. Das Klappt nicht schlecht. Doch leider habe ich mit dem scipt noch einen gravierenden "Schönheitsfehler"

-> Die Menues lassen sich nicht schön ausklappen

seite.10.marks {
                       MENU_HOTEL = HMENU
                       MENU_HOTEL.special = directory
                       MENU_HOTEL.special.value = 37
                       MENU_HOTEL.entryLevel = 4
                       MENU_HOTEL.1 = GMENU
                       MENU_HOTEL.1 {
wrap = <table border="0" cellspacing="3" cellpadding="0" width="200"> | </table>
NO.allWrap = |*|<tr><td CLASS="" width="100"> | </td>||<td CLASS="" width="250"> | </td> </tr>|*|
ACT = 1
ACT.allWrap = |*|<tr><td CLASS="" width="100"> | </td>||<td CLASS="" width="250"> | </td></tr>|*|
                                             }
                       MENU_HOTEL.1.NO = 1
                       MENU_HOTEL.1.NO {
                                                         wrap = |<br>
                                                         XY = 90, 20
                                                         backColor = #FFFFFF
                                                         10 = TEXT
                                                         10.text.field = title
                                                         10.fontColor = #5D93AE
                                                         10.fontFile = fileadmin/fonts/menu.ttf
                                                         10.fontSize = 12
                                                         10.niceText = 1
                                                         10.offset = 7, 15
                                                         
                                                         20 = IMAGE
                                                          }
                              MENU_HOTEL.1.RO < .MENU_HOTEL.1.NO
                              MENU_HOTEL.1.RO {
                                                         tmp < .backColor
                                                         backColor = #DDDDDD
                                                         5 < .10
                                                         5.fontColor < .tmp
                                                         5.offset = 9, 19
                                                         }
                              MENU_HOTEL.1.CUR < .MENU_HOTEL.1.RO
                              MENU_HOTEL.2 < .MENU_HOTEL.1
                              MENU_HOTEL.2 {
                                                    NO.backColor = #E2F5E5
                                                    NO.10.fontColor = #CCCCCC
                                                    NO.20.file.backColor = #478951
                                                    RO < .NO
                                                    RO.backColor = #FFFFFF
                                                    RO.5 >
                                                    CUR < .RO
                                                    }
                       }

Es sieht dann so aus:
http://greenbanana.deluxetargets.ch/index.php?id=37

Unter "Zürich" hätte es noch mehrere Untermenues

Gruss GreenBanana

Hallo

Ihr wollt die Menüs über Marker machen?

Dann ist das doch gar kein Problem.

Leider habe ich im Moment noch keine Zeit vielleicht morgen.

MFG

boonkerz schrieb

Ihr wollt die Menüs über Marker machen?

Also was di andern wollen weiss ich nicht 😉 doch ich will es über einen MARKER machen ja.

Ich probiere noch ein wehnig. Doch es wäre super wenn du Morgen mal ne freie Minute hättest.

Gruss GreenBanana

Hi,

ich habs hingebogen bekommen!

1. Ich hab eine zusätzliche Designvorlage ertstellt, die im Hauptinhaltsbereich 6 zusätzliche Marker hat (###NAV1###, ###NAV2###, ...).

Hier der Auszug der Tabelle:

<table border="0" cellpadding="0" cellspacing="0" width="385" align="center">
				<tr>
					<td>###CONTENT###</td>
				</tr>
				<tr><td>&nbsp;</td></tr>
			</table>
			<table border="0" cellpadding="0" cellspacing="0" width="385" align="center">
				<tr>
					<td width="50%">
						<table>###NAV1###</table>
					</td>
					<td width="50%">
						<table >###NAV2###</table>
					</td>
				</tr>
				
				<tr>
					<td width="50%">
						<table>###NAV3###</table>
					</td>
					<td width="50%">
						<table>###NAV4###</table>
					</td>
				</tr>
				
				<tr>
					<td width="50%">
						<table>###NAV5###</table>
					</td>
					<td width="50%">
						<table>###NAV6###</table>
					</td>
				</tr>
				
			</table>

2. Dann habe ich auf der Seite in der das Menü liegen soll ein Extension Template angelegt. Dort wird das neue Layout geladen und die Marker gesetzt.

page {
                  10 = TEMPLATE 
                  10     {
                                    template = FILE
                                    template.file = fileadmin/templates/pud_nav.tmpl
                                    workOnSubpart = BEREICH
                                    marks         {
                                                               KEYVISUAL = IMAGE
                                                               KEYVISUAL.file = fileadmin/templates/images/corescan.jpg
                                                      }
                           }
         }
####################### PUD NAVIGATION IM CONTENT BEREICH ####################################
### 1 ###
page.10.marks.NAV1 = HMENU
page.10.marks.NAV1.special = directory
page.10.marks.NAV1.special.value = 65
page.10.marks.NAV1.excludeUidList = 74, 75, 76, 77
page.10.marks.NAV1.1 = TMENU
page.10.marks.NAV1.1.expAll = 1
page.10.marks.NAV1.1 {       
                                          
                                          NO {
                                                   allWrap = <tr><td class=""><div id="test">|</td></tr>
                                                   ATagParams=class="pudnavAno"
                                                   beforeImg = fileadmin/templates/images/PuD/folder2.gif 
                                                   before = </div>
                                                }
                                  }

page.10.marks.NAV1.2 = TMENU
page.10.marks.NAV1.2 {
                                          NO {
                                                   allWrap = <tr><td><div id="test">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</td></tr>
                                                   ATagParams=class="pudnavAno"
                                                   
                                                   beforeImg = fileadmin/templates/images/PuD/files3.gif 
                                                   before = </div>&nbsp;
                                                }
                                  }
### 1 ###

### 2 ###
page.10.marks.NAV2 = HMENU
page.10.marks.NAV2.special = directory
page.10.marks.NAV2.special.value = 65
page.10.marks.NAV2.excludeUidList = 74, 75, 76, 78
page.10.marks.NAV2.1 = TMENU
page.10.marks.NAV2.1.expAll = 1
page.10.marks.NAV2.1 {       
                                          
                                          NO {
                                                   allWrap = <tr><td class=""><div id="test">|</td></tr>
                                                   ATagParams=class="pudnavAno"
                                                   beforeImg = fileadmin/templates/images/PuD/folder2.gif 
                                                   before = </div>
                                                }
                                  }

page.10.marks.NAV2.2 = TMENU
page.10.marks.NAV2.2 {
                                          NO {
                                                   allWrap = <tr><td><div id="test">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</td></tr>
                                                   ATagParams=class="pudnavAno"
                                                   
                                                   beforeImg = fileadmin/templates/images/PuD/files3.gif 
                                                   before = </div>&nbsp;
                                                }
                                  }
### 2 ###

### 3 ###
usw.
### 3 ###

3. Zuletzt habe ich mein Stylesheet ergänzt, um Bild und Text auszurichten.

/* Start hier Klassen für PUD MENU*/
.pudnavno {font-size:8pt; font-family:arial,helvetica,sans-serif;}
.pudnavAno {font-size:7.5pt; font-family:arial,helvetica,sans-serif;}

#test {margin-bottom:0px;float:left; vertical-align:bottom; margin-top: 0px;}

/* Start hier Klassen für PUD MENU*/

4. Dann habe ich mich gefreut.

Noch ne Frage:
Die Unterseiten "erben" ja auch die neue Designvorlage.
Kann ich das irgendwie umgehen jetzt wieder für jede Seite ein Extrension Template zu formulieren, dass die alte Vorlage wieder einbindet?

Bis bald

Knut

Hirsch schrieb

Hi,

ich habs hingebogen bekommen!

Also erstens Gratulation 😃 !!!

Doch da habe ich noch ne Frage dazu. So wie Du das jetzt programmiert hast, entstehen 6 Menues welche mir Untermenus erwänzt werden können. Richtig oder?

Was ist jetzt wenn du ein 7. Menupunkt anlegen willst? Dann must Du ja jedes mal das Template ergänzen, oder?

Das ist ja auch nicht der Sinn und Zweck eines CMS...

Ich bräuchte ein dynamisches Template welches ohne änderund erweitert und gekürzt werden kann... 😢

Falls ich dein Code jedoch falsch interpretiere wäre ich sehr dankbar um eine Aufklärung.

Gruss GreenBanana

Hi,

das ist der nächste Schritt.

Wenn Du Ideen hast, bitte leg los!

Da gibt es doch sicherlich sowas wie ein count für
die Menüitems.

Gruß

Knut

Hi!

Ich habe den ganzen Thread nur überflogen...
Ich denke aber mit einem TMENU_LAYER bist du am besten dran. Dann setzt du den Wert stayFolded auf 1 und das Menü bleibt auf.
Weiterhin setzt du den entryLevel auf eine Ebene tiefer als die Hauptnavi.
In deinem Layout solltest du 2 Marker benutzen. Einen für die Hauptnavi und 1 für die Subnavi.

Grüße
McGregor

Hmm... ich weiss nicht so recht. Habe deine Idee mal zu herzen genommen und mich hinter das (mir noch unbekannte) Thema gmenu_layers gemacht. Doch das will nicht so recht bei mir. habe es mal versucht auf meiner Test-Seite http://new.greenbanana.ch. Dort habe ich auch eine Tabelle die in der html-Vorlage zentriert ist.

Jetzt ist mein Problem, dass sich mein Submenu relativ zum Browserfenster verhält und nicht relativ zur Tabelle. Hast Du eine Idee wie ich das ändern kann?

Ich weiss nicht weiter. Und im Forum finde ich auch keine Erklärung dazu.

Herzlichen Dank

GreenBanana

boonkerz -> ich wäre immernoch an deiner Lösung interessiert... Gruss

Hi!

Nee, sorry. Keine Ahnung ob man das realtiv ändern kann. Habe das noch nicht ausprobiert. Aber logischerweise müsste das irgendwie gehen.
Vielleicht muss man folgende Zeile anpassen:

layerStyle = position:absolute;VISIBILITY:hidden;

Und dann statt absolute relative benutzen???

Grüße
McGregor

danke für deine hilfe...

habe da was im forum gefunden was mir super geholfen hat. es hat mit dem css zu tun.

für alle dies noch interessiert:

#3197

Danke an alle GreenBanana