Tutte le classi css di Mambo
|
|
...o quasi.
Ho scritto un elenco dei tag html associati alle classi css di Mambo 4.5, Mambo 4.6 e Joomla 1.0. Gli stili si trovano nel file template_css.css, ma non è escluso che si possano aggiungere altri file css a quello principale. Io a volte lo faccio, creando un file css per la struttura, uno per i colori e uno per il resto.
A chi è poco pratico di css, vorrei ricordare che potrebbe essere necessario aggiungere, a monte di ogni classe, il relativo identificatore (es: div#contenuto table td.contentheading). Inoltre è possibile dare uno stile ai diversi stati dei link con le pseudoclassi (a:link, a:visited, a:hover).
Un ultima precisazione: quelli che seguono sono gli stili del frontend, e non del pannello di amministrazione.
Componenti
div.componentheading {} /*titolo di tutti i componenti*/
table.contentpaneopen {} /*Contenuto. Questa classe è utilizzata oltre che per i componenti anche per gli articoli (più volte nello stesso articolo). Va usata solo per dare stili molto generici. La escluderei dal foglio di stile se possibile.*/ Blog degli articoli di una sezione table.blog {} /*Contenitore degli articoli*/
table.contentpaneopen td.contentheading {} /*titolo articolo*/
table.contentpaneopen td.contentheading a.contentpagetitle {} /*titolo articolo se contiene il link*/
table td a.readon {} /*Link - leggi tutto l'articolo*/
div.blog_more {} /*Altri articoli (titolo)*/
ul li a.blogsection {} /*Altri articoli (links)*/Lista delle categorie di una sezione (articoli e newsfeeds)table.contentpane {} /*Tabella-contenitore*/
table.contentpane td.contentdescription {} /*Testo descrittivo della sezione*/
table.contentpane td.contentdescription span.contentheading {} /*Titolo della sezione*/
table.contentpane td ul li a.category {} /*Links alle categorie (lista)*/Lista di articoli di una categoria (vale anche per il componente newsfeeds)
table.contentpane {} /*Tabella-contenitore*/
table.contentpane td.contentdescription {} /*Testo descrittivo della categoria*/
table.contentpane td.contentdescription span.contentheading {} /*Titolo della categoria*/
input.inputbox {} /*box di ricerca*/
table td.sectiontableheader {} /*Titoli colonne*/
table tr.sectiontableentry1 {} /*Righe alternate - 1a riga*/
table tr.sectiontableentry2 {} /*Righe alternate - 2a riga*/ Articolitable.contentpaneopen {} /*Questa classe è utilizzata oltre che per i componenti anche per gli articoli (più volte nello stesso articolo). Va usata solo per dare stili molto generici. La escluderei dal foglio di stile se possibile. *//*1*/
table.contentpaneopen td.contentheading {} /*titolo articolo*/
/*2*/
table.contentpaneopen td.buttonheading {} /*colonna che racchiude singolarmente i pulsanti stampa, segnala, pdf*/
table.contentpaneopen td.buttonheading img {} /*immagini dei pulsanti stampa, segnala, pdf*/
span.content_rating img {} /*Vota l'articolo - 1a riga*/
span.content_vote {} /*Vota l'articolo - 2a riga*/
/*3*/
table.contentpaneopen span.small /*autore articolo*/
table.contentpaneopen td.createdate /*Data di creazione*/
table.contentpaneopen td.modifydate /*Ultima modifica*//*Commenti*/
table td.sectiontableheader {} /*Titolo*/
table td.sectiontableentry {} /*Commento*/
table td.sectiontableentry span.small {} /*Scritto da...*/Stili generici per tutti i Modulitable.moduletable {}
table.moduletable th {}
table.moduletable td {}
table.moduletable td a {}
/*se dal pannello di controllo del modulo si sceglie di creare un menu verticale:*/
table.moduletable ul {}
table.moduletable li {}Link dei Menua.mainlevel:link, a.mainlevel:visited, a.mainlevel:hover {}
a#activemenu.mainlevel {} /*stile diverso, se quel collegamento è diretto alla pagina che si sta guardando*/ Link di secondo livello dei Menua.sublevel:link, a.sublevel:visited, a.sublevel:hover{}
a#active_menu.sublevel {} Modulo "Top Menu"ul#mainlevel-nav {}
ul#mainlevel-nav li {}
ul#mainlevel-nav li a.mainlevel-nav {}
ul#mainlevel-nav li a#activemenu-nav.mainlevel-nav {} /*stile diverso, se quel collegamento è diretto alla pagina che si sta guardando*/Modulo "Ultime Notizie"ul.latestnews {}
ul.latestnews li.latestnews a.latestnews {}
ul.latestnews li.latestnews a.latestnews {}
Modulo "Le più lette"
ul.mostread {}
ul.mostread li.latestnews {}
ul.mostread li.latestnews a.latestnews {}
Modulo "Newsflash"table.newsflash {}
table.newsflash th {}
table.newsflash td {} Modulo "Sondaggi"
table td.poll {} /*domanda del sondaggio*/
table td.poll table.pollstableborder {} /*bordo del blocco*/
table td.poll table.pollstableborder td.sectiontableentry2 {} /*sfondo alternato: prima opzione del sondaggio*/
table td.poll table.pollstableborder td.sectiontableentry1 {} /*sfondo alternato: seconda opzione del sondaggio*/ Pathway (le "breadcrumbs")div#pathway {}
div#pathway span.pathway {}
div#pathway span.pathway a.pathway{} Messaggio interno (es.: articolo salvato).message {}Pulsante "indietro.back_button {}Indice dell'articolo se diviso in più pagine con "mospagebreak"table.contenttoc {}
table.contenttoc th {}
table.contenttoc td {}
table.contenttoc td a.toclink {}
|
|
Last Updated ( 09 Feb, 2008 at 10:54 PM )
|
