Kombiniertes Menü GMENU und TMENU

Hallo ihr Lieben 😃

ich möchte für mich und meine Volleyballmädels eine Homepage machen.

Als Menü haben wir uns vorgestellt, dass die erste Ebene ein GMENU sein soll.
Klickt man auf ein Bildchen drauf, dann wird ein weiteres TMENU ausgeklappt.

Das TMENU habe ich schon hinbekommen:

seite = PAGE
seite.typeNum = 0
page.stylesheet = fileadmin/template/main/res/style.css 

seite.10 = CONTENT
seite.10.table = tt_content
seite.bodyTag = <body bgcolor = "#FFFFCC">
seite.10 = TEMPLATE
seite.10 {
        template = FILE
        template.file = fileadmin/template/main/template_1.html
        workOnSubpart = DOKUMENT

#Inhalt
        marks.INHALT = CONTENT
        marks.INHALT.table = tt_content


#Menu Links
         marks.MENU_LINKS = HMENU        
         marks.MENU_LINKS {
                 entryLevel = 0
                 1 = TMENU
                 1 {
                      expAll = 0
                      NO {
                          allWrap = <font face=Verdana size="1"><b> |</b></font><br>
                          AtagParams = class="top"
                           }
                    }
                 2 = TMENU
                 2 {
                    expAll = 0
                    NO.allWrap = <font face=Verdana size="1" color=black>| </font><br>
                     }
}

nur, das grafische klappt nicht 🙁

Hier finde ich auch nur was über farbige Rahmen und so, aber ich habe richtige Grafiken mit Text drauf, wo kein Text eingeblendet werden soll...

ausserdem passiert nichts, wenn ich auf einen Link klicke, also der Inhalt des Links wird nicht eingeblendet.

was mache ich da falsch?

Ich habe keine Frames oder so.

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="internalStyle" type="text/css"?>
<!DOCTYPE html
		  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		  "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<!--###DOCUMENT_HEADER### begin -->

	  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	  <style type="text/css" id="internalStyle">
	  		 /*<![CDATA[*/
   			 BODY { margin: 0 0 0 0; background-color: white; }
			/*]]>*/
      </style>
      <link href="fileadmin/template/main/res/stylesheet.css" rel="stylesheet" type="text/css" />
	<!--###DOCUMENT_HEADER### end-->
</head>

<body>
	  ###DOKUMENT###
	<table width="980" border="0" cellpadding="0" cellspacing="0">
	  		 <tr>
			 		<td rowspan="3">
								< img src="fileadmin/template/main/images/toplogo.gif" width="238" height="102" alt=" "></td>
					<td colspan="2">
								< img src="fileadmin/template/main/images/osv_02.gif" width="742" height="1" alt=" "></td>
					<td>
								< img src="fileadmin/template/main/images/spacer.gif" width="1" height="1" alt=" "></td>
			</tr>
			<tr>
					<td colspan="2">
		                       < img src="fileadmin/template/main/images/topframe.gif" width="742" height="14" alt=" "></td>
					<td>
								< img src="fileadmin/template/main/images/spacer.gif" width="1" height="14" alt=" "></td>
			</tr>
			<tr>
				<!-- Page Content Area table cell -->
					<td rowspan="2" id="content">
						<table border="0" width="727" height="530" cellpadding="0" cellspacing="0"><tr>
						<td style="background-image: url(fileadmin/template/main/images/main.gif)">
						###INHALT###
						</td></tr></table>
			</td>
					<td rowspan="2">
								< img src="fileadmin/template/main/images/leftframe.gif" width="15" height="530" alt=" "></td>
					<td>
								< img src="fileadmin/template/main/images/spacer.gif" width="1" height="87" alt=" "></td>
			</tr>
			<tr>
				<!-- Page Menu Area table cell -->
					<td id="menu">
<table border="0" cellpadding="0" cellspacing="0" width="238" height="443">
<tr><td style="background-image: url(fileadmin/template/main/images/navi.gif)">
###MENU_LINKS###
</td></tr></table>				
					</td>
					<td>
								< img src="fileadmin/template/main/images/spacer.gif" width="1" height="443" alt=" "></td>
	 		</tr>
			<tr>
				<!-- Page Footer Area table cell -->
					<td colspan="3">
					            < img src="fileadmin/template/main/images/bottomframe.gif" width="980" height="15" alt=" "></td>
					<td>
								< img src="fileadmin/template/main/images/spacer.gif" width="1" height="15" alt=" "></td>
			</tr>
	</table>

	###DOKUMENT###
</body>
</html>

Ich hoffe meine Fragen überfordern euch nicht 😃

Lieben Gruss

Sanny

Hi,

in deinem Typoscript kann ich kein grafisches Menü finden.

Nebenbei, nur dass ich es richtig verstanden habe: Du willst das Hauptmenü horizontal aus von Typo3 unabhängigen statischen Grafiken erstellen und die Untermenüs in Textform irgenwo anders hin?

Generell würde ich es so machen:

Als Hauptmenüs (horizontal) ein GMENU_LAYERS und als Untermenü ein TMENU. Für das GEMNU_LAYERS verwendest du dann eine Hintergrundgrafik und lässt den Text von Typo draufschreiben. Dann brauchst du bei einer Erweiterung oder einer Änderung keine Bildchen selbst zu erzeugen.

Ein Beispiel werde ich dir morgen hier posten, weil ich jetzt dringend weg muss.

Mfg wegmel

Hier das Codebeispiel:

########################################
### Menu Top 2 (text) mit Layers
########################################

temp.menu_top = HMENU
temp.menu_top.special = directory
temp.menu_top.special.value = 4 //Einstiegsseite für das Hauptmenü

#####################
#Erste Ebene (Layers)
#####################
temp.menu_top.1 = GMENU_LAYERS
temp.menu_top.1 {
	layerStyle = position:absolute; VISIBILITY:hidden;
  relativeToTriggerItem = 1
  relativeToParentLayer = 0
	xPosOffset = -57 //Anpassen!
  topOffset = 28 //Anpassen!
	lockPosition = x
	expAll = 1
  freezeMouseover = 1 
  hideMenuWhenNotOver = 20
  NO {
    XY = [10.w]+6, 14
    1 = IMAGE
		1.file = fileadmin/template/images/nav_top_norm_level1.jpg
		1.offset =0,0
    allWrap =  <table border="0"><tr><td>|</td>||<td>&nbsp;:&nbsp;</td><td>|</td><td>&nbsp;:&nbsp;</td>|*|<td>|</td><td>&nbsp;:&nbsp;</td>|*|<td>|</td></tr></table>
		10 = TEXT
		10 {
    	fontSize = 11
    	fontColor = #808080
			text.field = title
			fontFile = fileadmin/fonts/Verdana.ttf
			offset = 5,10
		}
	}
}

############
#Zweite Ebene
############
temp.menu_top.2 = TMENU
temp.menu_top.2 {
	wrap = <table width=100 border="0" cellspacing=0 cellpadding=2>|</table>
	NO{
    ATagBeforeWrap = 1
    allWrap =  <tr><td class=navlayerfirstitem id="1tmenu{elementUid}" width=100% nowrap>|</td></tr>|*|<tr><td class=navlayer id="1tmenu{elementUid}" width=100% nowrap>|</td></tr>|*|<tr><td class=navlayerlastitem id="1tmenu{elementUid}" width=100% nowrap>|</td></tr>
    subst_elementUid = 1
    RO_chBgColor = #E8E9F8 | #FFFFFF | 1tmenu
    RO = 1
		10 = TEXT
		10.text.field = title
  }
}

Eventl. einen Rollover Effekt einbauen!

##############################
# Rollover Menu Top horizontal
##############################
temp.menu_top.1.RO < temp.menu_top.1.NO
temp.menu_top.1.RO = 1
temp.menu_top.1.RO {
 1.file = fileadmin/template/images/nav_top_ro_level1.jpg
 10.fontColor = #ED651B
 10.fontFile = fileadmin/fonts/arial.ttf
}

ACHTUNG: Die Attribut-Werte dürfen keine Zeilenumbrüche enthalten, auch wenn es so aussieht!

Und noch die verwendeten Styles:

.navlayer {
	font-size: 11px;
	font-family: verdana, arial;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color : White;
	border-left : 1px solid #0a267d;
	border-right : 1px solid #0a267d;
}

.navlayerfirstitem {
	font-size: 11px;
	font-family: verdana, arial;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color : White;
	border-top : 1px solid #CCCCCC;
	border-left : 1px solid #0a267d;
	border-right : 1px solid #0a267d;
}

.navlayerlastitem {
	font-size: 11px;
	font-family: verdana, arial;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	background-color : White;
	border-left : 1px solid #0a267d;
	border-bottom : 1px solid #0a267d;
	border-right : 1px solid #0a267d;
}

Hoffe du kannst damit was anfangen.

Mfg
wegmel