Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : magik03 07 Jan 2009, 16:28:10
-
Ciao a tutti!
ho cercato e ricercato nel forum prima di aprire questa discussione ma non ho trovato la soluzione al mio problema.
Vi spiego tutto in breve.
Uso il template Dewey Web (http://template.joomla.it/images/oziogallery/file/tech_web.zip).
L'aspetto di default del menu principale andrebbe molto bene ma le voci sotto-menu non rientrnoa nemmeno di un pixel e così non si capisce più qual'è la voce di menu e quali i suoi sotto-menu.
Nelle opzioni del modulo mod_mainmenu di default è impostato lo stile menu "lista"; selezionando invece "legacy verticale" ottengo l'allineamento desiderato per le voci del menu e relative voci sotto-menu ma cambia l'aspetto e non capisco come modificare il css in modo tale da tenere lo stile "legacy verticale" con l'aspetto che avrebbe se fosse settato "lista".
Spero di essermi spiegata abbastanza e spero riusciate ad aiutarmi!
-
La ragione è semplice. Chi ha fatto quel template non si è curato di regolamentare i sottomenù >:(
Prova allora inserire nel tuo template.css questo comando:
#sidebar .moduletable_menu ul li li {
border-bottom: 1px solid #eeeeee;
margin-left: 20px;
list-style-image: none;
}Naturalmente indenti anche meno di 20 pixel, se vuoi.
A questo punto, c'era da immaginerselo, comparira lo square nero. Allora pr toglierlo cerca questo codice nel template.css (circa riga 130) e sotituisci square con none
#sidebar ul li {
list-style-type:square;
margin:0;
padding:0;
}
-
l'indentazione così compare però continua a non esserci lo stesso risultato estetico di prima. Di default c'è pure un triangolino rosso vicino ogni voce che non compare più.
Ho continuato a pacioccare e ho notato che tra le impostazioni del mod_mainmenu, in Suffisso classe CSS modulo era settato "_menu".
L'ho tolto e magicamente è comparsa l'identazione dei sottomenu facendo comparire un quadratino nero vicino ogni voce anzichè il triangolino rosso. Nello stesso punto dove mi hai indicato tu ho provato a mettere "disc" al posto di "square" e da avere un quadratino nero ho ottenuto un pallino.
Il risultato estetico non è proprio uguale al default ma migliore sicuramente di quello che ottenevo inizialmente settando "legacy verticale".
Continuo però a non spiegarmi perchè perde l'aspetto di default così!
Continuando ancora a pacioccare ho copiato la parte di css dove veniva settato sto benedetto triangolino rosso (riga 176 più o meno)
#sidebar .moduletable_menu ul li a {
display: block;
background-image: url('../images/mbg.png');
background-repeat: no-repeat;
padding: 2px 1px 2px 9px;
color: #000000;
text-decoration: none;
width: 100%;
}
dove si setta square piuttosto che disc (riga 130 più o meno)
#sidebar ul li {
margin: 0px;
padding: 0px;
list-style-type: disc;
}
e settando un padding-left minore in riga 110 più o meno
#sidebar ul {
margin: 0px;
padding-left: 5px;/*ORIGINALE 20px;*/
padding-top: 5px;
}
ottenendo (da riga 110 a riga 130 più o meno):
#sidebar ul {
margin: 0px;
padding-left: 5px;/*ORIGINALE 20px;*/
padding-top: 5px;
}
#sidebar ul li {
/*margin: 0px;*/
/*padding: 0px;*/
/*list-style-type: disc;/*ORIGINALE square;*/
/*aggiunto da me*/
display: block;
background-image: url('../images/mbg.png');
background-repeat: no-repeat;
padding: 2px 1px 2px 9px;
color: #000000;
text-decoration: none;
width: 100%;
}
in mod_mainmenu ho settato "lista" e lasciato vuoto il campo relativo ai suffissi css
ora ho l'identazione dei sotto-menu con l'estetica di default.
Ho spiegato tutto bene così se qualcuno si trova nella stessa situazione non deve perdere tempo a trovare la soluzione!
Grazie per l'aiuto!