Costruzione siti web con i cms – guida joomla 10

guida joomla 9
9 agosto 2010
Costruzione siti web con i cms – guida joomla 11
9 agosto 2010

2° caso – le classi menù in joomla 1,5
In Joomla! 1,5 è possibile comunque utilizzare un suffisso per il menù principale,bisogn a però
ricordare che ragioniamo sempre in termini di “liste” e questo ci porta ad affrontare il discorso
delle opzioni di output dei moduli in questa versione.
Prima di farlo abilitiamo lo stile “xhtml” per il modulo
<jdoc:include type=”modules” name=”right” style=” xhtml ” />

Di seguito un listato più complesso che utilizza la classe .moduletable e il suffisso _menu che
riportiamo nel foglio di stile:
.moduletable_menu ul, .moduletable_menu ul li
{
background-image: none;
display : block;
width : auto !important;
width : 100%;
margin : 1px 0;
padding : 0;
font-size : 13px;
background : none;
}
.moduletable_menu ul li a, .moduletable_menu ul li a:link, .moduletable_menu ul li a:visited
{
display : block;
font-size : 13px;
border-bottom : 1px solid #DCDFE1;
font-weight : normal;
padding : 3px 0;
color : #666666;
padding-left : 10px;
text-decoration : none;
}
.moduletable_menu ul li a:hover
{
Copyright © 2008 http://www.joomlaskin.it rilasciato sotto licenza Creative commons 3.0 non commercial
Vuoi leggere i nuovi articoli di livello avanzato sulla creazione dei template per joomla 1.5? Vieni a trovarci!
border-bottom : 1px solid #DCDFE1;
font-size : 13px;
font-weight : normal;
color : #666666;
text-decoration : none;
padding-left : 10px;
text-decoration : none;
background : #E5E5E5;
}
.moduletable_menu ul li.active a:link, .moduletable_menu ul li.active a:visited
{
color : #8B1C00;
border-bottom : 1px solid #DCDFE1;
background : #E5E5E5;
text-decoration : none;
font-size : 13px;
font-weight : bold;
}
.moduletable_menu ul li.active ul li a:hover, .moduletable_menu ul li.active ul li ul li a:hover
{ background:none;
font-size : 13px;
font-weight : normal;
color : #8B1C00;
text-decoration : none;
}
Copyright © 2008 http://www.joomlaskin.it rilasciato sotto licenza Creative commons 3.0 non commercial
Vuoi leggere i nuovi articoli di livello avanzato sulla creazione dei template per joomla 1.5? Vieni a trovarci!
.moduletable_menu ul li ul li a:link, .moduletable_menu ul li ul li a:visited, .moduletable_menu ul
li ul li ul li a:link, .moduletable_menu ul li ul li ul li a:visited
{
font-size : 12px;
font-weight : bold;
color : #999999;
text-decoration : none;
margin-left : 15px;
border : none;
}
.moduletable_menu ul li ul li a:hover, .moduletable_menu ul li ul li ul li a:hover
{ background : none;
font-size : 12px;
font-weight : normal;
color : #666666;
text-decoration : none;
}
.moduletable_menu ul li.active ul li a:link, .moduletable_menu ul li.active ul li a:visited,
.moduletable_menu ul li.active ul li a:hover, .moduletable_menu ul li.active ul li ul li a:link,
.moduletable_menu ul li.active ul li ul li a:visited, .moduletable_menu ul li.active ul li ul li a:hover
{
background : none;
font-size : 12px;
Copyright © 2008 http://www.joomlaskin.it rilasciato sotto licenza Creative commons 3.0 non commercial
Vuoi leggere i nuovi articoli di livello avanzato sulla creazione dei template per joomla 1.5? Vieni a trovarci!
font-weight : normal;
color : #666666;
text-decoration : none;
}
ul.menu li.parent ul li#current a
{ background : none;
font-size : 12px;
font-weight : bold;
color : #000000;
text-decoration : none;
}