Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : dep83 31 Jul 2009, 19:01:40

: Sottomenu con diverso background RISOLTO
: dep83 31 Jul 2009, 19:01:40

Salve a tutti,
mi sto cimentando nella creazione di un template per joomla (magari quando completato pensavo di renderlo disponibile per tutti).
Sono partito da un template free e l'ho completamente modificato.

Ho un problema perņ con i sottomenu, in pratica in base all'attuale CSS anche le voci del sottomenu vengono visualizzate con lo stesso "pulsante" del menu principale, quando vorrei assegnare al menu di livello 2 una gif di di sfondo diversa.

Queste immagini serviranno a rendere l'idea:
(http://img36.imageshack.us/img36/5373/esempio1.jpg)


Mentre a me piacerebbe fare una cosa del genere:

(http://img354.imageshack.us/img354/2091/esempio2r.jpg)


Questo č il CSS relativo al menu attuale

:

/*********************** MENU ************************/

div.module div div div form {

}


div.module_menu ul {
list-style: none;
padding: 0px 0px 0px 0px;
width: 122px;
display: block;
margin: 0px 0px 0px 0px;
}

div.module_menu ul li{
padding: 0 0 0 0px;
margin: 0 0 0 0px;
list-style: none;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
border: 0px solid #8F8B58;
margin: 25px 0px 0px 0px;
color: #FFFFFF;
font-weight: bold;
font-size: 13px;
line-height: 36px;
height: 40px;
padding: 5px 0 0px 60px;
display: block;
text-decoration: none;
width: 190px;
font-family: tahoma;
letter-spacing: 0px;
text-transform: uppercase;
background-repeat: no-repeat;
background-image: url('../images/pulsantemenu.gif');
}


Per caso qualcuno saprebbe come fare per assegnare una diversa immagine al background dei menu di livello 2?

Grazie mille
Se vi interessa il sito č questo
http://www.associazionedimensionemusica.it/web/

: Re:Sottomenu con diverso background
: tonicopi 01 Aug 2009, 01:33:47

Allora devi creare una regola per i sottomenu.
Non devi far altro che ricopiare quella che hai per i menu cambiando il selettore (aggiungendo nel percorso i due tag ul li) e l'immagine di background ed eventualmente aggiustando i margini o che altro vuoi modificare:

:

div.module_menu ul li ul li a:link, div.module_menu ul li ul li a:visited {
   border: 0px solid #8F8B58;
   margin: 25px 0px 0px 0px;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 13px;
   line-height: 36px;
   height: 40px;
   padding: 5px 0 0px 60px;
   display: block;
   text-decoration: none;
   width: 190px;
   font-family: tahoma;
   letter-spacing: 0px;
   text-transform: uppercase;
   background-repeat: no-repeat;
   background-image: url('../images/nuovaimmagine.gif');
} ;)

: Re:Sottomenu con diverso background
: dep83 02 Aug 2009, 14:02:01

ti ringrazio, domani mattina faccio come hai scritto

ancora grazie :)

edit:

perfetto, funziona alla grande...
intanto si accettano critiche/consigli per il template :D
http://www.associazionedimensionemusica.it/web/