Zum Inhalt springen

Menü mal anders!!!

Erstellt am 8. Dezember 2004 · 18 Antworten · letzte Antwort am 15. Dezember 2004

Tags: Frage

Hirsch ·

Tag Zusammen,

ich möchte folgendes Umsetzen.

Habe ein 3 spaltiges Layout. Links Hauptnavigation, Mitte Hauptinhalt, Rechts ergänzenden Informationen zum Hauptinhalt.

So, nun soll wenn ich Links im Menü klicke in der Mitte ein Menü erscheinen das in mehren Spalten daherkommt. Siehe Screenshot.

http://web2.mmec1.de/Screenshot.bmp

Das sind jetzt die Unterpunkte aus einem Link im Hauptmenü dargestelt im Inhaltsbereich.

Geht das so mit nem TMENU?!

Übrigens, mann kann ein Menü vortäuschen, indem man eine Inhaltselement vom Typ HTML auf die Seite bringt und die Links dann hart codiert. Ist ja aber nicht Sinn eines dynamischen Menüs.

Wäre für Hilestellungen echt dankbar.

Bis dann

Knut

Hirsch ·

Hi, hier der Hirsch

tut mir leid mit dem Image, wie fügt man denn hier Screenshots ein??

Danke für Deine Mühen.

Knut

just2b ·
Hirsch schrieb

Hi, hier der Hirsch

tut mir leid mit dem Image, wie fügt man denn hier Screenshots ein??

Danke für Deine Mühen.
Knut

[img]pfad[/img]
greenbanana ·

Hallo Hirsch,

Ich stehe vor dem selben Problem. Hast Du schon einen Lösungsansatz gefunden?

Fals Ja bitte poste ihn. Wäre Dir äussertst dankbar.

Gruss

Hirsch ·

Hi Zusammen,

ich hab noch nix weiter gemacht.

Werde mich heute im Laufe des Tages der Sache widmen. Dann hört Ihr von mir.

Gruß

Knut

greenbanana ·
boonkerz schrieb

Hey

Hast du es schon mit dem Content Element Seitemap versucht?

MFG

Hallo,

Ja das habe ich schon versucht. Ist keine schlechte Idee. Doch leider ist es nicht möglich eine Zweispaltigkeit zu erreichen. (oder mir nicht bekannt) Zudem möchte ich auch eine Darstellung erreichen wie beim Screenshot von "Hirsch".

Das heisst:

Untermenu 1
__Untermenu 1.1
__Untermenu 1.2
__Untermenu 1.3

Gruss

boonkerz ·

Hallo

Ohne Icons bekommt man das bestimmt auch so hin.

Am einfachsten wäre es mit TemplaVoila.

Ein Contentelement erstellen welche diese Spalten bereitstellt.

Wo du dann 3 verschiedene Sitemaps mit unterschiedlichen ausgangspunkten erstellst.

MFG

greenbanana ·

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

boonkerz ·

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

greenbanana ·
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

Hirsch ·

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

greenbanana ·
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

Hirsch ·

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

McGregor ·

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

greenbanana ·

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

McGregor ·

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

greenbanana ·

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