[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