Zum Inhalt springen

[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )

Erstellt am 25. Januar 2005 · 119 Antworten · letzte Antwort am 13. November 2007 · Seite 3 von 6

Tags: JavaScript & AJAX, Tipp

alex_5 ·

Hi, sagt mal ist es prinzipiell auch moeglich die erste Navigationsebene von dem schicken Menue vertikal, also untereinander zu bauen?

swingtra ·

Also ... ( das steht schon in
#20440 )

Möglichkeit 1 :

Du must lediglich in der Datei ypMenu.php in der Funktion function buildIndex($I, $conf, $level) die Zeile:
Code:
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'down';

in
Code:
$GLOBALS['TSFE']->applicationData['ypMenus'][$I['uid']]['dir'] = 'right';

ändern.

Möglichkeit 2 : siehe http://www.vital-by-nature.de/
...und auf horizontal belassen und nicht wie oben beschrieben ändern .
Dafür im Backend die Hauptmenüpunkte vom Rootlevel oder Homelevel aus, untereinander anlegen
(wie im Beispiel hinter "home")
- das Menü habe ich wegen der Browser-Geschichte
in temp.ypMenu so gewrappt :

wrap = <div class="cMenu"> |

... und cMenu steht in der class.css, deswegen Raute weg.
der andere Kram wegen der Positionierung steht in der PHP-Datei und ist unter Punkt

http://steinhauer-gmbh.net/_tmp/ypMenu/

beschrieben .

- na dann . 😉

... und noch was die zu veränderten Dateien - vorher kopieren - erst dann ändern

Strichmaennli ·

Habe folgendes Problem:

Bei Firefox stimmt die Positionierung der Untermenüs, bei Internet Explorer ist diese jedoch leichter verschoben.
Wo mache ich diese Einstellung?

swingtra ·
Strichmaennli schrieb

Habe folgendes Problem:

Bei Firefox stimmt die Positionierung der Untermenüs, bei Internet Explorer ist diese jedoch leichter verschoben.
Wo mache ich diese Einstellung?

Also ...
die Antwort meiner Meinung nach ist schon hier erschienen, quasi unter diesem Thema .

Aber - was ich machen würde ist folgendes.
Mache eine Testumgebung lokal auf.
Warum ? weil Du in der class.css das "#cMenu" in ".cMenu" ändern wirst - dadurch werden sich die XY-Koordinaten deines Menüs verschieben (Vorraussetzung ist der exakte Nachbau von "NJoy")
das cMenu betimmt den neuen Nullpunkt - deswegen ist wohl alles verschoben, deswegen muss neu angepasst werden und deswegen die Testumgebung.
erst danach die Änderungen übernehmen .

so jetzt eine Änderung :p :
Im Typoscript-Setup vom temp.ypMenu das ändern :

1 = GMENU
1 {
IProcFunc = user_menu->firstLevel
expAll = 1
<b>wrap = <div class="cMenu"> |</b>
NO = 1

... um auf die Parameter der class.css zuzugreifen.

-in meiner class.css steht folgendes ( ist individuell) :

.cMenu {
height:0px;
width: 100px;
margin-left:0px;
margin-bottom:0px;
background: url(mmenu_bg.gif) repeat-x top center;
position: relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}

- in meiner ypMenu.php steht folgende Änderung (auch individuell - das sind die XY- Koordinaten) :

class user_menu {
var $offsetY = 30; // vertikale fixierung des slideMenu's - relativ zum gecenterten DIV oder TD
var $offsetX = 1; // horizontale fixierung des slideMenu's - rel zum gecenterten DIV oder TD
var $sublevelWidth = 70; // breite des sublevel elements
var $sublevelHeight = 25; // höhe des sublevel elements

var $padding = 5; // padding-abstand rechts und links
var $fontSize = 11; // schriftgröße
var $breakpoint = 14; // bricht Zeile nach X(14) Zeichen um
var $secPadding = 1; // padding-abstand oben und unten

<b>... da musste selbst einstellen-danach sollte es mit allen Browser klappen</b>

wichtig ist der zugriff auf den Punkt cMenu - damit alle Browser wissen "wo gewrappt" wird .

- na dann ! 😉

Strichmaennli ·

hallo

Wollte es so versuchen. D.h. ich habe nochmals die Vorlage genau nach dem Prinzip von "Njoy" durchgearbeitet:

externes Teamplate:

# [b]Typo3: externes Template ( temp.ypMenu ) -> Setup[/b]

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/MEADE-Menue/ypMenu.php
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE-Menue/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE-Menue/jslib.js" language="JavaScript"></script><script src="fileadmin/template/blur.js" type="text/javascript" language="JavaScript"></script><script src="fileadmin/template/dt.js" type="text/javascript" language="JavaScript"></script>
page.bodyTag = <body onLoad="window.setTimeout('datumuhr()',1000)">
# 57 ist die ID der root-page - siehe screenshot

temp.ypMenu.special = directory
temp.ypMenu.special.value = 3
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = <div class="cMenu"> |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 31
               30 = IMAGE
               30.file = fileadmin/MEADE-Menue/menu_bg2.gif
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/fonts/verdana.ttf
                    fontColor = #222222
                    offset = 10,20
 #                   niceText = 0
                    transparentBackground = 1
               }
               100 = || IMAGE
               100.file = fileadmin/MEADE-Menue/menu_space.gif
          }

          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               backColor = #DDDDDD
               30 >
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #DDDDDD
               30 >
          }
     }   

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd

Das externe Template ist verknüpft mit dem root-template:

# [b]Typo3: MainTemplate der root-page -> Setup[/b]

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/MEADE-Menue/menu.css
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/template/root.html
     workOnSubpart = DOKUMENT

     marks.KOPF_MENU = COA
     marks.KOPF_MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
}

Auf meiner Homepage erscheint nun das Menü aber nicht mehr. siehe http://www.strichmaennli.ch

Was habe ich jetzt wieder falsch gemacht?

swingtra ·
Strichmaennli schrieb

hallo

Wollte es so versuchen. D.h. ich habe nochmals die Vorlage genau nach dem Prinzip von "Njoy" durchgearbeitet:

externes Teamplate:

# [b]Typo3: externes Template ( temp.ypMenu ) -> Setup[/b]

config.no_cache = 1
page.includeLibs.ypMenu = fileadmin/MEADE-Menue/ypMenu.php
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/MEADE-Menue/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/MEADE-Menue/jslib.js" language="JavaScript"></script><script src="fileadmin/template/blur.js" type="text/javascript" language="JavaScript"></script><script src="fileadmin/template/dt.js" type="text/javascript" language="JavaScript"></script>
page.bodyTag = <body onLoad="window.setTimeout('datumuhr()',1000)">
# 57 ist die ID der root-page - siehe screenshot

temp.ypMenu.special = directory
temp.ypMenu.special.value = 3
temp.ypMenu = HMENU
temp.ypMenu {
     1 = GMENU
     1 {
          IProcFunc = user_menu->firstLevel
          expAll = 1
          wrap = <div class="cMenu"> |
          NO = 1
          NO {
               wrap = |
               XY = [50.w]+20, 31
               30 = IMAGE
               30.file = fileadmin/MEADE-Menue/menu_bg2.gif
               50 = TEXT
               50 {
                    text.field = title
                    fontSize = 10
                    fontFile = fileadmin/fonts/verdana.ttf
                    fontColor = #222222
                    offset = 10,20
 #                   niceText = 0
                    transparentBackground = 1
               }
               100 = || IMAGE
               100.file = fileadmin/MEADE-Menue/menu_space.gif
          }

          IFSUB < temp.ypMenu.1.NO
          IFSUB = 1

          RO < temp.ypMenu.1.NO
          RO = 1
          RO {
               backColor = #DDDDDD
               30 >
          }

          IFSUBRO < temp.ypMenu.1.NO
          IFSUBRO = 1
          IFSUBRO {
               backColor = #DDDDDD
               30 >
          }
     }   

     2 = TMENU
     2 {
          IProcFunc = user_menu->secondLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     3 = TMENU
     3 {
          IProcFunc = user_menu->thirdLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }

     4 = TMENU
     4 {
          IProcFunc = user_menu->fourthLevel
          expAll = 1
          NO.linkWrap = <li>|</li>
     }
}

temp.user_menu = USER
temp.user_menu.userFunc = user_menu->menuEnd

Das externe Template ist verknüpft mit dem root-template:

# [b]Typo3: MainTemplate der root-page -> Setup[/b]

page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/MEADE-Menue/menu.css
page.10 = TEMPLATE
page.10{
     template = FILE
     template.file = fileadmin/template/root.html
     workOnSubpart = DOKUMENT

     marks.KOPF_MENU = COA
     marks.KOPF_MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
}

Auf meiner Homepage erscheint nun das Menü aber nicht mehr. siehe http://www.strichmaennli.ch

Was habe ich jetzt wieder falsch gemacht?

also ...

ich denke dein Marker heist ###DOKUMENT###,

anstatt KOPF_MENU

oder ? 😉

Strichmaennli ·

der marker der navigation heisst "KOPF_MENU"

siehe html-vorlage

<html>
<head>
<title>Strichmaennlis Homepage</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description">

<script language="JavaScript" type="text/JavaScript">
<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<meta http-equiv="imagetoolbar" content="no">
</head>

<body>
<!-- ###DOKUMENT### -->
  <table width="880" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td width="100"></td>
      <td width="780" height="80"><img name="strichmaennli" src="fileadmin/template/images/banner.jpg" width="780" height="80" border="0" alt=""></td>
   </tr>
 </table>
 <table>
<tr>
      <td width="100"></td>
      <td width="780" height="30"><div align="left">###KOPF_MENU###</div></td>
</tr>
 </table>

  <table border="0" cellpadding="0" cellspacing="0" width="880" height="400">
    <tr>
      <td width="100"></td>
      <td valign="top" width="780" height="400" bgColor=#BB0100><div align="justify"><strong>###CONTENT###</strong></div></td>      
    </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="880">
    <tr>
      <td width="100"></td>
      <td height="18">&nbsp;</td>
    </tr>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="880">
	 <td width="100"></td>
	 <td width="570" bgcolor="#ff0000">copyright by <a href="http://www.strichmaennli.ch" target="_self">Strichmaennli</a></td>
	 <td width="20"align="right" bgcolor="#ff0000">|&nbsp;&nbsp;</td>
	 <td bgcolor="#FF0000" width="50" align="right" bgcolor="#ff0000"><form name="anzeige"><input size=10 name="date" class="datum" size="10"></form></td>
	 <td width="20" align="right" bgcolor="#ff0000">|&nbsp;&nbsp;</td>
	 <td width="50" align="right"><form name="anzeige2" bgcolor="#ff0000"><input size=8 name="time" class="datum" size="8"></form></td>
        <td align="right">|&nbsp;</td>
  </table>
  <table border="0" cellpadding="0" cellspacing="0" width="780">
    <tr>
      <td height="16"></td>
    </tr>
  </table>

<!-- ###DOKUMENT### --> 
</body>
</html>
Silke crosslabs ·

Hallo Leute,

ich möchte das Menü vertikal einbinden.
Soweit funktioniert das auch schon. Allerdings sind meine Untermenüs alle direkt neben dem obersten Punkt. Der top-Wert soll aber immer so gesetzt werden, dass das Untermenü direkt neben dem zugehörigen Hautpmenüpunkt aufgeht.
Hat jemand ne Ahnung, wo in der php das berechnet wird, und wie ich das verändern kann? #giggle#

Gruss
Silke

Silke crosslabs ·

Also, irgendwo muss er eine falsche Berechnung machen.
Wenn ich mir den Quealltext der erzeugten Seite anschaue, steht da

<script type="text/javascript">
menu2 = new ypSlideOutMenu("menu2", "right", 192, 1, 150, 113, null)
menu3 = new ypSlideOutMenu("menu3", "right", 192, 1, 150, 138, null)
menu23 = new ypSlideOutMenu("menu23", "right", 192, 1, 150, 38, null)
menu22 = new ypSlideOutMenu("menu22", "right", 192, 1, 150, 38, null)
menu21 = new ypSlideOutMenu("menu21", "right", 192, 1, 150, 38, null)
menu20 = new ypSlideOutMenu("menu20", "right", 192, 1, 150, 38, null)
menu19 = new ypSlideOutMenu("menu19", "right", 192, 1, 150, 113, null)

Der Wert, wo jetzt "null" steht, ist der Abstand von oben. Da muss er mir doch irgendwo was berechnen...

Gruss
Silke

Silke crosslabs ·

Also, das null ist es doch nicht.

menu2 = new ypSlideOutMenu("menu2", "right", 192, 1, 150, 113, null)

Es ist die 1, die er statisch aus der Variablen offsetY übernimmt und nicht aus der Anzahl der Hauptmenüeinträge berechnet.

Die Stelle, an dem eine Berechnung erfolgen sollte ist:

$y = ($menu['parentId']) ? $GLOBALS['TSFE']->applicationData['ypMenus'][$menu['parentId']]['items'][$uid]['top'] : $this->offsetY;

Da aber im Hauptmenü kein Parentmenü vorhanden ist, nimmt er hier immer das offsetY als Wert.
Bei weiteren Untermenüs funktioniert es.

kwiesatz ·

hi

erstmal hallo und danke an alle!

ohne dieses forum wär das "experiment typo3" bei mir schon längstens gescheitert...

nun wollte ich mal eben dieses wirklich hervorragend dokumentierte menü nachbauen und stoße auf die üblichen schwierigkeiten...

F.Eppmann schrieb

ja, 1 und 3 hab ich gestern noch beseitigen können.

ich denke ich habe dasselbe problem...
...leider hat f.eppmann nicht verraten, wie er das problem mit dem horizontalen menue gelöst hat...

aber nochmal von vorne:

ich will also dieses menue machen.
es funktioniert auch - bis auf...

anstelle meines markers "###navi_main###" bekomme ich den seitentitel, der ebenfalls navi_main heißt angezeigt.

beim rollover fahren die hauptmenuepunkte aus und alles läuft eigentlich wie´s soll...

...nur dass ich halt die hauptmenuepunkte gerne permanent und horizontal angezeigt bekäme...

nun hab ich mir überlegt:

ich könnte ja anstelle von navi_main jeweils einen marker für einen hauptmenuepunkt anlegen und für jeden punkt ein eigenes menue generieren lassen...

...aber irgendwie glaube ich nicht, dass das so gedacht ist.

und da ich mit meinem latein und meinen nerven am ende bin, dacht´ich, fragste einfach mal die jungs vom forum...

entweder habe ich das temp.ypMenu nicht richtig eingebunden (hab ich noch nie vorher gemacht - aber dann wür´s doch garnich gehn?)

ich kann auch die php-datei nur per ftp hochladen - nicht über typo3 - no permissionbla

...damit ihr auch genau im bilde seid:

http://server1.80686-net.de/u00011/index.php?id=142
(totale baustelle)

und hier mal meine dateien:

html:

<html>
<body>
<!-- ###DOKUMENT### -->

<table border="0" width="100%" height="100%"align="center">
        <tr>
            <td height="100"  width="100%" valign="top" class="top">
                <table width="100%">
                          <tr>
                              <td>
                                                     <table border="0" width="100%" align="center">
                                                                                                                        <tr> 
                                                                                                                             <td class="logo">###logo###</td>
                                                                                                                             <td class="head">###TRAILER###</td>
                                                                                                                        </tr>
                                                     </table>
                              </td>
                          </tr>
                          <tr> 
                              <td><div id="cMenu">###navi_main###</div>
                          </tr>
                    </table>
             </td>            
        </tr>
        <tr height=100%" valign="top"> 
                        <td class="content"> ###content###</td>
        </tr>
        <tr height="15" valign="bottom">
             <td class="bottom">  
                   <table width="100%">
                              <tr> 
                                                     <td class="label">Design 2005 Copyright by Nico Athanasopoulos, AFN - Van d. Vliet & Kunz GmbH</td>
                                                     <td class="navi_rechts" align="right">###navi_rechts###</td>
                              </tr>
                    </table>
              </td>  
        </tr> 
</table>


<!-- ###DOKUMENT### -->
</body>
</html>

basistemplate:

page = PAGE
page {
  typeNum = 0
  bodyTag = <body bgColor = "FFFFFF">
  stylesheet = fileadmin/spp/sph/class.css
  meta.AUTHOR = Nico Athanasopoulos
 
 10 = TEMPLATE
 10.template = FILE
 10.template.file = fileadmin/spp/sph/index.html
 10.workOnSubpart = DOKUMENT
 10.marks {
                 logo = IMAGE
                 logo.file = fileadmin/spp/img/logo.jpg 
                 head 
                 head

                 TRAILER = IMAGE
                TRAILER.file = GIFBUILDER
                TRAILER.file {
                                  XY = 559, 86
                                  backColor = #990000

                                  5 = IMAGE
                                  5.file = fileadmin/spp/img/head.jpg
                                  10 = TEXT
                                  10.text.field = subtitle // title
                                  10.fontSize = 60
                                  10.fontFile = fileadmin/fonts/arial.ttf
                                  10.fontColor = #660000
                                  10.niceText = 1
                                  10.offset = 10, 75
                                  
                                  20= TEXT
                                  20.text.field = subtitle // title
                                  20.fontSize = 36
                                  20.fontFile = fileadmin/fonts/arial.ttf
                                  20.fontColor = #E2F5E5
                                  20.niceText = 1
                                  20.offset = 40, 68
                                   }

                 navi_main = COA
                 navi_main {
                                  10 < temp.ypMenu
                                  20 < temp.user_menu
                                  }
                

                 navi_rechts= HMENU
                 navi_rechts.special = directory
                 navi_rechts.special.value = 130
                 navi_rechts.1 = TMENU

                 navi_rechts.1.NO = 1
                 navi_rechts.1.NO.linkWrap = &nbsp;|&nbsp;&#124;
                                
                 content = CONTENT
                 content {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0
                                 }

                 }
       }

temp.ypMenu

page = PAGE
page {
  typeNum = 0
  bodyTag = <body bgColor = "FFFFFF">
  stylesheet = fileadmin/spp/sph/class.css
  meta.AUTHOR = Nico Athanasopoulos
 
 10 = TEMPLATE
 10.template = FILE
 10.template.file = fileadmin/spp/sph/index.html
 10.workOnSubpart = DOKUMENT
 10.marks {
                 logo = IMAGE
                 logo.file = fileadmin/spp/img/logo.jpg 
                 head 
                 head

                 TRAILER = IMAGE
                TRAILER.file = GIFBUILDER
                TRAILER.file {
                                  XY = 559, 86
                                  backColor = #990000

                                  5 = IMAGE
                                  5.file = fileadmin/spp/img/head.jpg
                                  10 = TEXT
                                  10.text.field = subtitle // title
                                  10.fontSize = 60
                                  10.fontFile = fileadmin/fonts/arial.ttf
                                  10.fontColor = #660000
                                  10.niceText = 1
                                  10.offset = 10, 75
                                  
                                  20= TEXT
                                  20.text.field = subtitle // title
                                  20.fontSize = 36
                                  20.fontFile = fileadmin/fonts/arial.ttf
                                  20.fontColor = #E2F5E5
                                  20.niceText = 1
                                  20.offset = 40, 68
                                   }

                 navi_main = COA
                 navi_main {
                                  10 < temp.ypMenu
                                  20 < temp.user_menu
                                  }
                

                 navi_rechts= HMENU
                 navi_rechts.special = directory
                 navi_rechts.special.value = 130
                 navi_rechts.1 = TMENU

                 navi_rechts.1.NO = 1
                 navi_rechts.1.NO.linkWrap = &nbsp;|&nbsp;&#124;
                                
                 content = CONTENT
                 content {
                                table = tt_content
                                select.orderBy = sorting
                                select.where = colPos = 0
                                 }

                 }
       }

css:

#cMenu {
     height:31px;
     width: 790px;
     margin-left:1px;
     margin-bottom:1px;
    
     background: #cccccc url(fileadmin/spp/src/menu_bg2.gif) repeat-x top left;
     position:relative; /* wichtige angabe, sonst taucht das slideMenu an falscher Position auf */
}

/*
###################
#  ypMenu Styles  #
###################
 */
.mmContent {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContent ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContent li {
padding: 0px; margin: 0px;
 }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
.mmContent li a {
display: block;
color: #222222;
font-weight:normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
width: 150px;
padding: 5px;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContent li a {
width: 160px;
width: 160px;
}

.mmContent li a:link { background: #EAED65; color: #222222; font-size: 12px; }
.mmContent li a:visited { background: #EAED65; color: #222222; font-size: 12px; }

.mmContent li a:hover{ background: #FFFF99; color: #222222; font-size: 12px; }
.mmContent li a:active { background: #EAED65; color: #222222; font-size: 12px; }

.mmContent li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
}
.mmContent li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
}

/*
##########################################
#  ypMenu Styles for our belove IE 5.01  #
##########################################
*/

.mmContentb {
font-size: 12px; font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
}

.mmContentb ul {
margin: 0px; padding: 0px;
list-style: none;
z-index:2;
position:relative; 
left:0px; top:0px;
}
.mmContentb li {
padding: 0px; margin: 0px; }
 
.menuBackground {
position:absolute;
left:0px; top:0px;
z-index:1;
}
 
.mmContentb li a {
display: block;
width: 150px;
padding: 5px;
color: #222222;
font-weight: normal;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular;
text-decoration: none;
border-bottom: solid 1px #CCCCCC;
}

* html .mmContentb li a {
width: 160px;
width: 160px;
}

.mmContentb li a:link { background: #EAED65; color: #222222;}
.mmContentb li a:visited { background: #EAED65; color: #222222;}

.mmContentb li a:hover{ background: #FFFF99; color: #222222;}
.mmContentb li a:active { background: #EAED65; color: #222222;}

.mmContentb li a.submenu {
background: #EAED65 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center;
font-size: 12px;
}
.mmContentb li a.submenu:hover {
background: #FFFF99 url(http://steinhauer-gmbh.net/cms/fileadmin/scripts/ypMenu/pfeil.gif) no-repeat right center; 
font-size: 12px;
}

body { background-color:#990000;
          font-family:Helvetica,Arial,sans-seif;
          color:#000000;
         }

a           {text-decoration: none; color:#86061B; background-color:#ffffcc;}
a:hover{text-decoration: none; color:#ffffcc;background-color:#86061B;}
a:active{text-decoration: none; color:#ffffcc;background-color:#86061B;}


.top {background-color:#990000;}

.logo {}

.head {text-align:right;color:#ffffcc;}

						 

.content     {background-color:#ffffcc; font-size:12px; color:black; align:left;}

.label       {background-color:#86061B; font-size:10px; color:#ffffcc; align:left;}

.navi_rechts {background-color:#86061B; font-size:10px; color:#ffffcc; align:right;}


.bottom      {background-color:#86061B; font-size:10px; color:#ffffcc;}

so
wenn´s noch fragen gibt - ich bin online
ich bedanke mich jedenfalls schonmal im voraus bei allen, die sich die zeit nehmen möchten, sich gedanklich mit meinem problem auseinander zu setzen.

mfg aus freiburg
kwie

Unbekannter Benutzer ·

Was kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?

Bei allen Webseiten , die YpMenu verwenden ,
werden die Submenüs "statisch" sichtbar ,
wenn Javascript ausgeschaltet ist.
Entweder direkt unter "Hauptmenüleiste" oder am Seitenende sieht man
die komplette Liste der Submenüeinträge.

Schade eigentlich , denn ich wollte mir eine ähnliche
"Menüstruktur" wie bei www.bonn.de für mein
zukünftiges Regionalportal kreieren.

Findet sich diesbezüglich keine Lösung ,
werde ich wohl auf TMENU_LAYER umsteigen.

Dort wäre zumindest die Hauptmenüleiste bedienbar
und die Layer wären bei ausgeschaltetem
Jacascript unsichtbar.

Mir ist es wichtig , da einige Besucher partout
kein Javascript einschalten.

Bis jetzt muß ich mich mit einer "noscript"-Browserweiche
zufrieden geben .
Mittels dieser wird ein Besucher ohne Javascript
aufgefordert/erinnert Javascript einzuschalten.
Darin ist auch ein Link enthalten ,
der dem "unwissenden" Besucher hilft ,
Javascript zu aktivieren.

Wäre schön wenn jemand eine ander Lösung
vorschlagen könnte.

silverzone ·

hallo zusammen

ich verstehe das irgendwie nicht... #evil# #evil# #evil#

jetzt habe ich 4 stunden an diesem menü gebastetlt und es klappt immer noch nicht. bis jetzt wird folgendes angezeigt:
http://sirnach.h-it.ch/dummy-3.7.0

das problem ist, dass die menüs nicht aufklappen (die kategorie news hat als einzige unterkategorien)

sieht da jemand gleich den fehler? habe die dateien übernommen und eigentlich fast nix bis auf die id geändert.

was mir immer noch nicht klar ist:

20 < temp.user_menu

was bring das?
ich hab ja gar kein temp.user_menu
wass muss da drinn stehen

gruss stefan

Strichmaennli ·

hallo

möchte mir ein vertikales ypmenu erstellen und jetzt sind die untermenüs ständig eingeblendet. siehe http://rpc.strichmaennli.ch

--> wie bekomme ich die weg, bzw. wie bekomme ich es hin, dass das 2. und 3. untermenü ausgeslidet wird?

Habe auf einer anderen Seite ein horizontales menü erstellt. Da funktioniert alles tip top.

danke für eure hilfe.

molari ·

IE 6 und ypMenu

Habe das ypMenu eingebaut und es funktioniert wunderbar. Nur ein kleines Problem mit dem IE6. Wenn eine Seite neu aufgerufen wird, erscheinen für den Bruchteil einer Sekunde links alle Untermenüpunkte vertikal angeordnet.

Hat einer eine Idee wie man dies vermeiden kann ?

PS: Im Firefox läuft alles superkorrekt

KaeptnOvi ·
rommy schrieb

Was kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?

schau dir dazu doch mal den workaround von lulatsch an, den er im www.meade.de-thread beschrieben hat:
#15065
[/url]

Liberation ·

Hi,
das liegt daran das der IE beim laden schon teile der Webseite anzeigt und somit auch die eigendlich unsichtbaren menuteile sichtbar sind.

schau mal quellcode der webseite www.sci-worx.com da habe ich das durch einen kleinen trick ausgeblendet.

StefanBeike ·
s.sach schrieb

Also ich hatte auf dem Account, wo das Menü nichtfunktionierte noch Typo 3.6 Beta2 laufen. Hab es auf 3.6.2 upgedatet und nun funktioniert das Menü #paralyzed#

hatte das Problem auch. Liegt wirklich an der Version. t3lib_page.php hatte die getmountpointinfo noch nicht implementiert.

RChristian ·

Hallo Leute,

hat einer von euch eine Ahnung warum bei mir der IE6 - Browser die untermenüs nicht anzeigt? Im Firefox funktioniert der menü einwandfrei nur im IE6 nicht.

Hier könnt ihr mein code für das menu sehen:

config.no_cache = 1

# include der menü script
###################
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php 
page.headerData.11 = TEXT 
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script> 
page.headerData.12 = TEXT 
page.headerData.12.value = <link rel="stylesheet" type="text/css" href="fileadmin/skripts/ypMenu.css" />


temp.ypMenu.excludeUidList = 2, 15, 16, 17, 18, 19
temp.ypMenu = HMENU 
temp.ypMenu { 
     1 = GMENU 
     1 { 
          IProcFunc = user_menu->firstLevel 
          expAll = 1 
          wrap = | 
          NO = 1 
          NO { 
               wrap = | 
               XY = [50.w]+34, 20 
               backColor = #000000
               30 = IMAGE 
               30.file = fileadmin/template/imgs/grafik_menue_oben.jpg
               50 = TEXT 
               50 { 
                    text.field = title 
                    fontSize = 10 
                    fontFile = fileadmin/template/fonts/arial.ttf 

                    fontColor = #ffffff
                    offset = 30,16
                    niceText = 1 
                    transparentBackground = 1

               } 
          } 

          IFSUB < temp.ypMenu.1.NO 
          IFSUB = 1 

          RO < temp.ypMenu.1.NO 
          RO = 1 
          RO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 

         ACT < temp.ypMenu.1.NO
         ACT = 1
         ACT {
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #FE9900 
               }
          }

          IFSUBRO < temp.ypMenu.1.NO 
          IFSUBRO = 1 
          IFSUBRO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 
     }    

     2 = TMENU 
     2 { 
          IProcFunc = user_menu->secondLevel 

          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     3 = TMENU 
     3 { 
          IProcFunc = user_menu->thirdLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 


} 


temp.user_menu = USER 
temp.user_menu.userFunc = user_menu->menuEnd

mfg,

RChristian