[TYPO3-UG Italy] Submenu personalizzato

Giulia Mora julythebest85 at hotmail.it
Fri Apr 6 11:57:33 CEST 2007


Mauro ne sto uscendo matta!
in questa maniera il menu si allunga e si taglia sulla destra, non ho 
compreso bene di agire nell' item-{elementUid} perchè già lo sto facendo per 
i bottoni delle pagine...

hai qualche suggerimento prima che esca del tutto di testa? :D

ciao
Giulia

ti posto il codice

TEMPLATE
**********
	<div id="left-box"><!--###left-box### begin -->
<!--	INIZIO:	Menu Sinistra	-->
		<div id="left-menu">
			<div class="menu-level1-no"><a href="#">Menu 1 </a></div>
			<div class="menu-level1-act"><a href="#">Menu 1 (act)</a></div>
			<div class="menu-level2-no"><a href="#">Menu 2 </a></div>
			<div class="menu-level2-act"><a href="#">Menu 2 (act)</a></div>
		</div>
<!--	FINE:	Menu Sinistra	-->
	<!--###left-box### end --></div>

CSS
**********
/* left-box */
DIV.menu-level1-no, DIV.menu-level1-act {
	font-size: 12px;
	padding-top: 30px;
	padding-right: 12px;
	margin: 0px;
	text-align: right;
	height: 30px!important; /* Dimensioni per browser standard compliant */
	height/**/: 60px; /* Dimensioni per Explorer 5.x */
}
DIV.menu-level1-no A {
	color: #FFF;
	text-decoration: none;
}
DIV.menu-level1-no A:hover {
	text-decoration: underline;
}
DIV.menu-level1-no.item-20, DIV.menu-level1-act.item-20 {
	background: url(../images/menu_abbigliamento.gif) 0 0 no-repeat;
}
DIV.menu-level1-no.item-21, DIV.menu-level1-act.item-21 {
background: url(../images/menu_hobby.gif) 0 0 no-repeat;
}
DIV.menu-level2-no, DIV.menu-level2-act {
	text-align: right;
	font-size: 11px;
	padding-bottom: 4px;
	margin-right: 6px;
	padding-right: 20px;
	padding-bottom: 4px;
	background-image: url(../images/square_grey.gif);
	background-repeat: no-repeat;
	background-position: right -2px;
}
DIV.menu-level2-act {
	font-weight: bold;
}
DIV.menu-level2-no A,DIV.menu-level2-act A {
	color: #000;
	text-decoration: none;
}
DIV.menu-level2-no A:hover {
	text-decoration: underline;
}

TS
**********
### menu verticale left-box###
	# Menu cObject
	temp.left-box = HMENU
	temp.left-box.entryLevel=1

	# First level menu-object, textual
	temp.left-box.1 = TMENU
	temp.left-box.1 {

	# Normal state properties
	NO.subst_elementUid = 1
	NO.wrapItemAndSub = <div class="menu-level1-no item-{elementUid}"> | </div>
	NO.stdWrap.htmlSpecialChars = 1

	# Enable active state and set properties:
	ACT.subst_elementUid = 1
	ACT.stdWrap.htmlSpecialChars = 1
	ACT.wrapItemAndSub = <div class="menu-level1-act item-{elementUid}"> | 
</div>
	}

	# Second level menu-object, textual
	temp.left-box.2 = TMENU
	temp.left-box.2 {

	# Normal state properties
	NO.allWrap = <div class="menu-level2-no"> | </div>
	NO.stdWrap.htmlSpecialChars = 1

	# Enable active state and set properties:
	ACT = 1
	ACT.stdWrap.htmlSpecialChars = 1
	ACT.allWrap = <div class="menu-level2-act"> | </div>
}



>From: Mauro Lorenzutti <mauro.lorenzutti at webformat.com>
>Reply-To: Mauro Lorenzutti <mauro.lorenzutti at webformat.com>,TYPO3 Usergroup 
>Italy <typo3-ug-italy at lists.netfielders.de>
>To: TYPO3 Usergroup Italy <typo3-ug-italy at lists.netfielders.de>
>Subject: Re: [TYPO3-UG Italy] Submenu personalizzato
>Date: Fri, 6 Apr 2007 08:39:12 +0200
>
> > ho provato in questa maniera:
>
> > ### menu verticale left-box###
> > 	# Menu cObject
> > 	temp.left-box = HMENU
> > 	temp.left-box.entryLevel=1
>
> > 	# First level menu-object, textual
> > 	temp.left-box.1 = TMENU
> > 	temp.left-box.1 {
>
> > 	# Normal state properties
> > 	NO.subst_elementUid = 1
> > 	NO.wrapItemAndSub = <div class="menu-level1-no item-{elementUid}"> | 
></div>
> > 	NO.stdWrap.htmlSpecialChars = 1
>
> > 	# Enable active state and set properties:
> > 	ACT.subst_elementUid = 1
> > 	ACT.stdWrap.htmlSpecialChars = 1
> > 	ACT.wrapItemAndSub= <div class="menu-level1-act item-{elementUid}"> |
> > </div>
> > 	}
>
> > 	# Second level menu-object, textual
> > 	temp.left-box.2 = TMENU
> > 	temp.left-box.2 {
>
> > 	# Normal state properties
> > 	NO.allWrap = <div class="menu-level2-no"> | </div>
> >                 NO.stdWrap.htmlSpecialChars = 1
>
> > 	# Enable active state and set properties:
> > 	ACT = 1
> > 	ACT.stdWrap.htmlSpecialChars = 1
> > 	ACT.allWrap = <div class="menu-level2-act"> | </div>
> > }
>
> > ho sostituito quel tag nel primo livello, ma mi scompagina un po il menu 
>e
> > nulla più... ho provato ad inserirlo anche, solo, nel secondo livello
> > richiamando nel CSS l'ID madre ma mi cambia solo il background del 
>bottone
> > pagina madre ... questo riguardo al consiglio di Mauro...
>
>
>Ti scompagina il menu perchè ti inserisce anche il sottomenu
>all'interno del tag <div class="menu-level1-no item-{elementUid}"> o
>sbaglio? Se ho ragione allora puoi correggere la visualizzazione
>tramite CSS prendendo come riferimento la classe item-{elementUid}.
>
>
>Ciao,
>  Mauro Lorenzutti
>
>
>e-mail:  mauro.lorenzutti at webformat.com
>
>---------------------------------------------------------
>WEBFORMAT srl | Corte Europa, 12 | I-33097 SPILIMBERGO PN
>      Tel +39-0427-926.389  --  Fax +39-0427-927.653
>        info at webformat.com  --  http://www.webformat.com
>---------------------------------------------------------
>
>_______________________________________________
>TYPO3-UG-italy mailing list
>TYPO3-UG-italy at lists.netfielders.de
>http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-italy

_________________________________________________________________
Trova le foto delle tue star preferite su Live.com ! 
http://search.live.com/images/results.aspx?q=modelle&FORM=QBIR&mkt=it-it



More information about the TYPO3-UG-italy mailing list