TMENU_LAYER wie www.riscossa.it: Seite 3

korban · 2003-04-28T06:49:40+00:00

Hallo, liebe Scripter. Da ich leider kein Posting verschieben kann poste ich hier mein Anliegen noch einmal neu! Ich habe mich durch einige Tutorials durchgelesen, aber keine vernünftige Erklärung gefunden, wie man ein TMENU_Layer wie unter www.riscossa.it in TypoScript realisieren kann. Könnt Ihr mir helfen? Korban

Unbekannter Benutzer · 22. November 2003 18:06

Hab ich schon versucht... habs aber nicht hinbekommen.

Wie lautet den der Marker für das Menu ? Ist das "MEDAILLE" ?

Hab das ganze noch nicht so geblickt mit den Dingern...

blauwahr · 24. November 2003 09:38

hallo, hab versucht den code von sackcement (oben) bei mir einzubaun - aber das hat nur zur folge, daß jetzt gar kein menü mehr da ist -
hier mein code:

seite = PAGE
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.typeNum = 0
seite.bodyTag = <body bgcolor = "#f3f7fa">
seite.20 = TEMPLATE
seite.20 {
template = FILE
template.file = fileadmin/template/mys_cordes_vorlage.html
workOnSubpart = DOKUMENT

#----------------------------------------


marks.INHALT < styles.content.get
marks.INHALT = CONTENT 
marks.INHALT.table = tt_content

#--MENUE_LINKS-----------------------------------------------
marks.MENUE_LINKS = HMENU 
marks.MENUE_LINKS.1 = TMENU_LAYERS 

marks.MENUE_LINKS.1 { 

hideMenuWhenNotOver = 150 
relativeToTriggerItem = 1 
topOffset = 0 
leftOffset = 155 
expAll=1 

NO { 
allWrap = <div><font> | </font><BR></div> 
ATagBeforeWrap = 1 
#ATagParams = class="hauptmenu" 
backColor = #ffffff 

10 = TEXT 
10.text.field = title 

} 
} 

marks.MENUE_LINKS.2 = TMENU_LAYERS 
marks.MENUE_LINKS.2 { 
hideMenuWhenNotOver = 150 
relativeToTriggerItem = 1 
topOffset = 243 
leftOffset = 548 
relativeToTriggerItem = 1 
topOffset = 0 
leftOffset = 155 
expAll=1 
NO { 

ATagBeforeWrap = 1 
#ATagParams = class="hauptmenu" 
backColor = #E3EDF9 
10 = TEXT 
10.text.field = title 

}

Unbekannter Benutzer · 2. Dezember 2003 09:01

ich habe eine 3. ebene..die fast funktioniert..d.h. die fast an der richtigen stelle ist. jedoch mit NS und OPERA gibts probs.

ich hab da was von einem patch gelesen? wie und wo gibts den?

hoffe auf weitere antworten in sachen patch, netscape, opera und ebene3.

hier mein code:

# Default PAGE object:
page = PAGE
page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php 
page.typeNum = 0
page.bodyTag = <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"><link rel="stylesheet" type="text/css" href="fileadmin/vorlagen/style.css" >
page.10 = TEMPLATE
page.10  {
  template = FILE
  template.file = fileadmin/vorlagen/index.htm
  workOnSubpart = DOKUMENT
  marks.INHALT = CONTENT
  marks.INHALT.table = tt_content
  marks.INHALT.select {
    orderBy = Sorting
  }

  marks.HOLYTOOLS= HMENU
  marks.HOLYTOOLS.special = directory
  marks.HOLYTOOLS.special.value = 3
  marks.HOLYTOOLS.1 = TMENU
  marks.HOLYTOOLS.1 {
     NO.allWrap = |&nbsp;&#124;&nbsp;|*||*| |
     NO.ATagParams = class="unten"
      target = _parent
    }

#####TMENUE ######
###EBENE 1
  marks.MENUE = HMENU 
  marks.MENUE.1 = TMENU_LAYERS   
  marks.MENUE.1 {   
    hideMenuWhenNotOver = 150
    relativeToTriggerItem = 1 
    topOffset = 0 
    leftOffset = 172
    expAll=1 
      NO { 
      allWrap = <div><font> | </font><BR></div> 
      ATagBeforeWrap = 1 
      ATagBeforeImg = fileadmin/vorlagen/bilder/viereck.gif
      ATagParams = class="ebene1" 
      backColor = #ffffff
     10 = TEXT 
     10.text.field = title 
     } 
     ACT < .NO
     ACT = 1
     ACT.allWrap = |<BR>
     IFSUB < .ACT
     IFSUB = 1
     ACTIFSUB < .ACT
     ACTIFSUB = 1
  }
###EBENE 2   
  marks.MENUE.2 = TMENU_LAYERS 
  marks.MENUE.2 { 
    hideMenuWhenNotOver = 360
    relativeToTriggerItem = 1
    topOffset = 55
    leftOffset = 358
    expAll= 1
    NO { 
      ATagBeforeWrap = 1 
      ATagParams = class="ebene2" 
      10 = TEXT 
      10.text.field = title 
    }
  }
###EBENE 3
  marks.MENUE.3 = TMENU_LAYERS 
  marks.MENUE.3 { 
    hideMenuWhenNotOver = 15
    relativeToTriggerItem = 1 
    topOffset = 1
    leftOffset = 15
    expAll=1 
    NO { 
      ATagBeforeWrap = 1 
      ATagParams = class="ebene2" 
      10 = TEXT 
      10.text.field = title 
    }
  }

LineMan · 7. Dezember 2003 17:49

also, wenn jemand dieses menü mit bis zu unendlich ebenen, die auch auszurichten sind haben will und das ganze im frame mit "type=1"... oder auch nicht im frame... nur dann würde ich additional params rausnehmen und das target ändern... hier ist es.. bei mir läuft es so einwandfrei 🙂

#####TMENUE ###### 
###EBENE 1 
  temp.dropdown = HMENU
  temp.dropdown.entryLevel = 2
  temp.dropdown.1 = TMENU_LAYERS
  temp.dropdown.1.target = page
  temp.dropdown.1.params = &type=1
  temp.dropdown.1 {    
    hideMenuWhenNotOver = 100 
    relativeToTriggerItem = 1 
    topOffset = 18 
    leftOffset = 2 
    expAll=1 
      NO { 
      allWrap = <td>|</td>
      ATagBeforeWrap = 1 
      ATagBeforeImg = fileadmin/designvoralgen/menu/0pfeil.gif
      ATagParams = class="hauptmenu"
      backColor = #ffffff 
     10 = TEXT 
     10.text.field = title 
     } 
     ACT < .NO 
     ACT = 1 
     ACT.allWrap = <td>|</td> 
     IFSUB < .ACT 
     IFSUB = 1
	 IFSUB.allWrap = <td>|</td> 
     ACTIFSUB < .ACT 
     ACTIFSUB = 1
	 ACTIFSUB.allWrap = <td>|</td> 
  } 
###EBENE 2    
  temp.dropdown.2 = TMENU_LAYERS
  temp.dropdown.2.target = page
  temp.dropdown.2.params = &type=1
  temp.dropdown.2 { 
	hideMenuWhenNotOver = 100 
    relativeToTriggerItem = 1
	relativeToParentLayer = 1 
    topOffset = 10 
    leftOffset = 70
    expAll= 1
    NO { 
      allWrap = |
      ATagBeforeWrap = 1 
      ATagParams = class="submenu" 
      10 = TEXT 
      10.text.field = title 
    } 
  } 
###EBENE 3 
  temp.dropdown.3 = TMENU_LAYERS 
  temp.dropdown.3.target = page
  temp.dropdown.3.params = &type=1
  temp.dropdown.3 { 
	hideMenuWhenNotOver = 15 
    relativeToTriggerItem = 1
	relativeToParentLayer = 1 
    topOffset = 10
    leftOffset = 70 
    expAll=1 
    NO { 
      allWrap = |
      ATagBeforeWrap = 1 
      ATagParams = class="submenu2" 
      10 = TEXT 
      10.text.field = title 
    } 
}

###EBENE 4 
  temp.dropdown.4 = TMENU_LAYERS 
  temp.dropdown.4.target = page
  temp.dropdown.4.params = &type=1
  temp.dropdown.4 { 
    hideMenuWhenNotOver = 15 
    relativeToTriggerItem = 1
    relativeToParentLayer = 1 
    topOffset = 10 
    leftOffset = 50 
    expAll=1 
    NO { 
    allWrap = |
    ATagBeforeWrap = 1 
    ATagParams = class="submenu2" 
    10 = TEXT 
    10.text.field = title 
    } 
}

###EBENE 5
  temp.dropdown.5 = TMENU_LAYERS 
  temp.dropdown.5.target = page
  temp.dropdown.5.params = &type=1
  temp.dropdown.5 { 
    hideMenuWhenNotOver = 15 
    relativeToTriggerItem = 1
    relativeToParentLayer = 1 
    topOffset = 1
    leftOffset = 2 
    expAll=1 
    NO { 
    allWrap = |
    ATagBeforeWrap = 1 
    ATagParams = class="submenu2" 
    10 = TEXT 
    10.text.field = title 
    } 
}

Eine FRage hätte ich da allerdings noch... solange man das ganze nicht in Tabellen packt... sind die Einträge immer untereinander... und 100% breit (zumindest in der 1. Ebene)... ich habe jetzt entdeckt, das die datei tmenu_layers.php dafür verantwortlich ist das der layer immer 100% breit ist... und wenn man das attribut "ATagBeforeWrap = 1" benutzt, dann ist auch der ganze button klickbar... wenn man den button aber jetzt in eine tabelle steckt damit die buttons nebeneinander sind, dann geht das nicht mehr... soll heissen, das jetzt nur noch die schrift klickbar ist, und nicht mehr der ganze button... wahrscheinlich weil er dann nicht mehr mit "ATagBeforeWrap = 1" klarkommt... gibt es dafür eine Lösung... z.B. kann man die layer auch nebeneinander packen, ohne eine tabelle zu benutzen... in der ersten ebene?

Unbekannter Benutzer · 8. Dezember 2003 08:15

funktioniert es auch im netscape???

Frescha · 8. Dezember 2003 08:18

ich glaube im netscape 4.XX macht es größere probleme

Unbekannter Benutzer · 8. Dezember 2003 08:20

ich habe das menü mit netscape 4,7 und netscape 7 aufgemacht. im 4.7 klappt es garnicht und im 7 funktioniert es aber der aufbau der tabellen bzw. den tag "width=155" nimmt er nicht..d.h die tabelle sind "abgehackt" und nur so lang wie die jeweiligen menüpunkte

Bild: laduros.de/menue.jpg

so breit wie die roten striche sollte es sein im netscape..im IE klappts!

Cre8tive · 18. Dezember 2003 14:12

ich wiederhole nochmal die bitte, ein html template zu posten, am besten zu dem setup wo das menü nach unten aufklappt!

wäre sehr nett, danke schön im vorraus

Cre8tive · 18. Dezember 2003 15:32

hallo nochmal.
ich habe jetzt einiges rumprobiert, um das nur mal zu testen.

stylesheet habe ich vom anfang des topics übernommen.

das html template ist ganz ganz einfach gehalten, ich will nur sehen wie das Menü funktionukkelt:

HTML_TEMPLATE:

<html>

<head>
</head>

<body>
<!-- ###DOKUMENT###--> 
<table align=Center>

<tr> <td bgcolor=#000000>
###MEDAILLE###
</td></tr>
<tr><td>
###CONTENT###
</td></tr>
</table>
<!-- ###DOKUMENT###--> 
</body>
</html>

So. dann habe ich zwei verschiedene Setups probiert.
Bei dem von Laduros, bzw LineMan sehe ich gar nix vom Menü (habe templates richtig verlinkt, css auch, INHALT durch CONTENT ersetzt und HOLYTOOLS durch MEDAILLE).

Dann habe ich noch das letzte horizontale Setup von der ersten Beitragsseite ausprobiert.
Das Menü wird auch in 3 Ebenen angezeigt, aaaaaaaaaaaaaber:

dat sieht natürlich nicht aus... wo kann ich die Position der einzelnen Menüs verändern, wenn ich möchte dass die zweite Ebene direkt unter der ersten ausklappt und die dritte Ebene dann nach rechts von der zweiten ausklappt?

Danke im Vorraus für eine Antwort.

Dreadhead · 23. Dezember 2003 14:56

Hi, hab mir das ganze auch mal angeschaut.
Wegen der 3.ebene, dort gibt es ne Lösung:
#7108
hab sie aber noch nicht probiert, da ich die lösung von mcuniverse benutze.

greetz
Dreadhead

Cre8tive · 28. Dezember 2003 16:45

hi danke erstmal.

das hat mir aber auch nicht weitergeholfen.

bei dir wird aber die dritte eben angezeigt, wo sie sein soll?

könntest du den code mal posten?

danke im vorraus,
ben

Dreadhead · 1. Januar 2004 16:22

Ok, hier meine Einstellungen:
Setup:

page = PAGE
page.typeNum = 0
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.stylesheet = fileadmin/style.css 
page.bodyTag = <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

page.10 = TEMPLATE 

page.10 {
   template = FILE
   template.file = fileadmin/australien/template.html 
   workonsubpart = DOCUMENT_BODY
   subparts.CONTENT < styles.content.get

# Top Navigation first Level
subparts.TOPNAV = HMENU
subparts.TOPNAV.special = list
#1.Level wird mit festen UIDs angegeben. d.h Navigation wird nicht dynamisch erstellt
subparts.TOPNAV.special.value = 148,131,134,130,138,129
subparts.TOPNAV.1 = TMENU_LAYERS
subparts.TOPNAV.1 {
#LayerStyle
  layerStyle = position:absolute;VISIBILITY:hidden;
#This is very important so that the menu does not move with the mouse. 
#For horizontal menus the lock position is usually X and for vertical menus Y.
  lockPosition = x
#The position of the new layer (mouseover menu) is controlled by the next 4 Lines
  relativeToParentLayer=1 
  relativeToTriggerItem=1
  topOffset=19
  leftOffset=12 
#The 2 Lines are used to close the new layer (mouseover menu)
  hideMenuWhenNotOver = 50
  hideMenuTimer = 70
#To show all menu items of the next level they have to be activ
  expAll=1 
#Used to show the menu items
  wrap = <table border="0" cellspacing="0" cellpadding="0" width="50%" align="right"><tr>|</tr></table>
  NO.allWrap = <td class="topnav"> | </td>
  ACT = 1
  ACT.allWrap =  <td class="topnav_act"> | </td>
}
# Top Navigation 2nd Level
subparts.TOPNAV.2 = TMENU_LAYERS
subparts.TOPNAV.2 {
  layerStyle = position:absolute;VISIBILITY:hidden; 
  lockPosition = x
  relativeToParentLayer=1 
  relativeToTriggerItem=1
  hideMenuWhenNotOver=1 
  topOffset=19 
  leftOffset=12 
  expAll=1 
  wrap = <table width="150" cellspacing="0" cellpadding="0" class="topnav1"><tr><td> |</td></tr> </table>
  NO.allWrap = <span> | </span>
  ACT = 1
  ACT.allWrap =  <span class="topnav1_act"> | </span>   
}

# Top Navigation 3rd Level
   subparts.TOPNAV.3 = TMENU
   subparts.TOPNAV.3 {
      wrap = <table cellspacing="0" cellpadding="0" class="topnav1"><tr><td> | </td></tr></table>
      NO.allWrap =  <div align="left"> | </div> 
      ACT = 1
      ACT.allWrap =  <div align="left" class="topnav1_act"> | </div>  
}


}

Include Static:
content (default)
cSet (default)

Templatefile:

[...]
<tr>
<td height="20px" bgcolor="#006391">

Navigation

</td>
</tr>
[...]

Hoffe dir geholfen zu haben.

greetz
Dreadhead

Cre8tive · 13. Januar 2004 20:22

Huch, fast vergessen mich zu bedanken!

Perfektes Ding, tausend dank! Habs noch n bissken abgeändert, aber script funktioniert super duper!

danke nochmals 😉

Dreadhead · 19. Januar 2004 19:03

bidde

Unbekannter Benutzer · 2. März 2004 11:44

mal wieder mach ich so ein menü.

hab nur ein problem,

der layer hängt nicht genau da wo er sein soll...und er erscheint erst bei einem klick -> er soll aber bei mouseOver erscheinen....

help...?

Cre8tive · 2. März 2004 12:16

hast du das hier mal probiert?

#8237

foggobbler · 2. März 2004 14:45

Hallo!

Ich versuche, das Aufklapp-Menü mit dem TemplaVoila-Extension hinzubekommen und bin verwirrt. :o

Also, kann mir bitte jemand ganz genau beschreiben, wie ich das realisieren kann.

Vielleicht mit template, css und script. Muss nichts Aufwendiges sein, nur ein kleines Beispiel, damit ich weiss, wie ich weitermachen kann.

Wäre wirklich klasse. Ihr könntet mir die dateien auch mailen: moliverj@gmx.net 😃

Ich bedanke mich schonmal,
oliver

Cre8tive · 2. März 2004 17:53

Bei dem Link den ich da oben gepostet habe ist doch alles dabei?

CSS, Setup, Template.
Und ist das Aufklappmenü, was hier erarbeitet wurde, nur der Codeist dokumentiert und aufgeräumt.

foggobbler · 3. März 2004 00:52

Dank Dir für die schnelle Antwort. funktioniert natürlich, war halt wie gesagt nen bischen verwirrt :-)

gruß,
oliver

nagus · 15. April 2004 13:13

@korban

kannst du mal bitte dein html-tempalte posten? ... damit ich das nachvollziehn kann?

danke!