guida joomla 9

guida joomla 8
9 agosto 2010
Costruzione siti web con i cms – guida joomla 10
9 agosto 2010
Want create site? Find Free WordPress Themes and plugins.

Continuiamo il nostro discorso occupandoci adesso del sistema dei menù in Joomla!

Il lavoro degli sviluppatori è stato sicuramente imponente,da un lato hanno reso il sistema se
possibile ancora più facile ed intuitivo da utilizzare,dall’altro hanno fornito strumenti di
personalizzazione avanzata del cms senza trascurare il discorso accessibilità.
Intendiamoci il sistema ricorre ancora ad un output di tipo tabellare (anche se attraverso l’override
dei componenti è possibile intervenire con una certa facilità) ma ad esempio per quello che
riguarda la creazione dinamica delle voci di menù esso riconosce ed accetta le “ul” e
l’assegnazione di classi alle liste.
Questo porta ad una sicura facilitazione nella realizzazione di menù anche dal bell’aspetto grafico
senza dover necessariamente ricorrere all’impostazione della classe “mainlevel” come nella
versione 1.0.x.
1° caso i selettori specifici
E’ possibile impostare gruppi di menù per determinate aree del sito ricorrendo ai selettori
specifici.
Poniamo il caso di voler fare in modo ch e tutte le voci di menù della colonna sinistra abbiano un
determinato aspetto differenziato dalle voci di menù che potremmo presentare nella colonna
destra,come fare?
Nel nostro template “test” la colonna sinistra ha l’id #colonnasinistra
Esistono nel web centinaia di risorse utili e gratuite che possiamo utilizzare,una lista di queste è
inserita in coda alla guida,per realizzare il nostro menu abbiamo scelto:
http://www.exploding-boy.com/images/EBmenus/menus.html
in particolare il menù numero 11 che h a il seguente listato:
#menu11 li a {
height: 32px;
voice-family: “\”}\””;
voice-family: inherit;
height: 24px;
text-decoration: none;

}
#menu11 li a:link, #menu11 li a:visited {
color: #889944;
display: block;
background: url(menu11.gif);
padding: 8px 0 0 25px;
}
#menu11 li a:hover {
color: #889944;
background: url(menu11.gif) 0 -32px;
padding: 8px 0 0 27px;
}
Per inglobarlo all’interno della nostra struttura sarà sufficiente impostarlo in maniera “selettiva”
sostituendo l’id #menu11 con l’id #colonnasinistra e dando il percorso esatto all’immagine di
sfondo del menu (risale di una cartella) dunque inseriremo nel fo glio di stile:
#colonnasinistra li a {
height: 32px;
voice-family: “\”}\””;
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#colonnasinistra li a:link, #menu11 li a:visited {
color: #889944;
display: block;
background: url(../images/menu11.gif);
padding: 8px 0 0 25px;
}
#colonnasinistra li a:hover {
color: #889944;
background: url(..images/menu11.gif) 0 -32px;
padding: 8px 0 0 27px;
}
Salviamo nel foglio di stile,importiamo l’immagine nella cartella e controlliamo il risultato nel
browser

Did you find apk for android? You can find new Free Android Games and apps.