Layout modulo personalizzato

[installax]

Salve,
ho cercato in giro un topic o un tutorial esauriente che ne parlasse ma non sono stato ingrado di trovarlo.

Ho creato un template joomla 3.2 basandomi su gantry framework.

Vorrei poter creare dei layout alternativi per i moduli ma non riesco a capire come fare.
Mi servirebbe che alcuni moduli abbiano la seguente struttura:

intestazione costituita da 2 DIV uno dentro l'altro. Il DIV contenitore deve avere un'immagine di sfondo, mentre il DIV contenuto deve avere un gradiente come sfondo e contenere anche il titolo del modulo.

Come faccio a creare questa struttura per un modulo?

Ho provato a farlo incollando direttamente il codice dentro un modulo HTML ma la presenza dei tag "div" porta il contenuto a sforare al di fuori del corpo del modulo.
Spero di essere riuscito a spiegarmi.

[adottauncane]

Ciao installax,
prova a leggere qui:
http://www.joomla.it/articoli-community-3x-tab/7368-mini-guida-alla-personalizzazione-del-template-sport-digga.html#suffisso
se vuoi una mano, metti un link al sito.

[installax]

grazie mille per la risposta.
Sicuramente adesso ho qualche nozione in più rispetto a prima.
Nella guida che mi hai linkato ad un certo punto viene mostrato come rializzare dei moduli con degli occhi nella cornice. Questo viene fatto seguendo questo passo della guida: "in Avanzate nel Suffisso classe CSS modulo scriviamo _occhio e nello Stile del modulo scegliamo rounded"

La mia domanda è come faccio a crearmi una classe modulo (come _occhio) con tutti i div annidati (e non) che mi servono?

Avrei bisogno di fare dei moduli simili a quelli del tema "fresco" della rockettheme.

[adottauncane]

e nello Stile del modulo scegliamo rounded
è l'ultima opzione della stessa pagina, quella a tendina. Impostato rounded i div li scrive Joomla. A te non resta che scrivere il css. Il link non lo vedo perché probabilmente a qualche risorsa commerciale. Non si possono citare sul forum...

[adottauncane]

Per fare moduli come quelli metti solo il Suffisso _mio
e poi incolla nel file personalizzato di gantry, quello farai fatto tu:
http://www.joomla.it/articoli-community-3x-tab/7368-mini-guida-alla-personalizzazione-del-template-sport-digga.html#custom

Codice: [Seleziona]

.modultable_mio {
background-color: #F1F5F5;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -20px;
padding: 20px;
}
POtrebbe essere module_mio o modultable_mio, cercato con firebug
http://www.joomla.it/articoli-community-3x-tab/7374-mini-guida-alla-personalizzazione-del-template-protostar.html#Suffisso_classe_CSS_modulo

Il suffisso puoi metterlo in qualsiasi modulo.
Magari devi aggiustare qualcosa nel css a seconda del modulo che sceglierai.
Serve un link al sito per essere più precisi però...