[RISOLTO] Template da 0 ... css e moduli

[bardzero]

Salve,
per fare un passo avanti e migliorare ho deciso di provare a creare un template da 0 invece che affidarmi a firebug et similia per modificare template esistenti
Ho fatto così:
1) creazione dei div id nell'index.php
2) definizione degli id in template.css
3) inserimento sempre in template.css delle classi di stile per i contenuti

ora volevo inserire un'immagine di sfondo per le div h3 dei moduli (ho settato in index.php style="xhtml")
il problema ora è questo:
usando div.moduletable_menu h3, div.moduletable_menu (etc) riesco a farlo solo per i menù (credo perchè il modulo mainmenu legge _menu)
per gli altri moduli come devo fare? vorrei che il template fosse già pronto senza indicare un suffisso nella gestione di ogni modulo
riuscite ad aiutarmi?
grazie

il sito in questione è http://www.anotherbard.com
(non so se le indicazioni che ho dato sono coerenti ho letto molto in questi giorni e ho un tantino di confusione in testa)

[ariess]

ciao,

basta inserire una classe nel CSS che non abbia il suffisso 

div.moduletable h3{.....}

[bardzero]

grazie ricdata
ho inserito una classe nel CSS che non abbia il suffisso come mi hai suggerito
ma non funziona per tutti i moduli
come ad esempio il modulo login ed advertisement ...
joomla si aspetta per questi un suffisso specifico?

grazie grazie

[ariess]

no, joomla non si aspetta nessun suffisso... il suffisso serve semplicemente per differenziare le classi dei vari moduli, in modo da poter assegnare stili differenti. è solo una questione di CSS.

il modulo Advertisement ha un suffisso _text, per questo non prende lo stile che gli hai assegnato con div.moduletable.
per il login invece devi sistemare la classe "div.moduletable h3" e farla uguale a "div.moduletable_menu h3" se vuoi che sia uguale agli altri moduli, oppure scrivi così

div.moduletable h3, div.moduletable_menu h3 {.....}

in questo modo entrambe le classi avranno lo stesso stile, senza il bisogno di scriverlo due volte.

[bardzero]

ho preferito riscrivere per poter poi personalizzare ogni singolo div ...
credo che ci siamo quasi ...
advertising è ok
il modulo login non visualizza correttamente lo sfondo e l'h3 però
sembra che l'immagine compaia in alto sotto l'h3 del main menù ...
mumble mumble ... idee??
sempre grazie

[ariess]

metti un bel "float:left;" in "div.moduletable" così se ne torna al suo posto 

[bardzero]

ho corretto con:

div.moduletable { /* test */
   float:left
   width: 192px;
   padding: 0;
   color: #787878;
   margin-bottom: 20px;
}

un po' di cose si sono sistemate ma il login è cambiato e non si vede bene ...
ora mi schianto sul monitor

[ariess]

ti stavo giusto rispondendo, ma vedo che hai appena risolto 

....mancava il ;

[bardzero]

OK RISOLTO
scusate avevo dimenticato ";" dopo float:left l'ultimo suggerimento andava bene
grazie ancoraaaa

aggiungo [RISOLTO]

[bardzero]

grazie ricdata ...
per fortuna la console degli errori di firefox ci "vede" bene