creare classi css e applicarle al template correttamente

[french150]

Ciao a tutti. Ho letto numerose guide su come creare classi css e come applicarle, ma vorrei avere alcune delucidazioni in merito, e cioè:
1) devo agire solo nel file index.php, il file css relativo (ad es. layout.css o altro e qui firebug mi aiuta) e la cartella images del template se voglio avere una immagine in background in un modulo o ho dimenticato altro?
2) dove e come dichiarare una classe all'interno del file index.php? Supponiamo che voglia renderla disponibile per la posizione modulo user1.
3) Come posso dichiarare diversi stili per una classe, così semplicemente cambiando il campo module class suffix posso applicare diversi stili per lo stesso modulo.
4) Come posso dichiarare una classe che sia applicabile in tutte le posizoni del template?
Grazie e saluti.

[conti1]

ciao
allora x la prima domanda
devi agire nel index.php   e poi di conseguenza nel css .
seconda domanda
per aplicare una classe oppure un id  ad una posizione  semplice
esempio diamo un id alla posizione user3
questo  quello che scrivi nel php

Codice: [Seleziona]

<div id="pippo">
                    <jdoc:include type="modules" name="user3" style="xhtml"/>
                </div>poi nel crei suo css

Codice: [Seleziona]

#pippo{wui ci metti quello che serve}uguale se fosse una classe
tersa domanda
qui  ci metti il suffisso al modulo e ci crei  il suo css
esempio metti la classe  _pippo
avrai un css

Codice: [Seleziona]

.moduletable_pippo{}quarta domanda
qui si usa il modulo chrome , detta cosi mi chiederai e dove lo trovo?
non si trova ma si crea un  modules.php  con dentro i tuoi bei div e classi che ti servono  , in questo modo richiami  il tuo stile dove e quando vuoi.
esempio se tu hai chiamato il tuo chrome pippo x richiamare il tuo style ,

Codice: [Seleziona]

<div id="pippo">
                    <jdoc:include type="modules" name="user3" style="pippo"/>
                </div>come vedi style="pippo" pippo e tuo style che avrai creato
non dimentichiamo che ci sarà un css abbinato  alle classi e id del modulo chrome creato.

[french150]

Grazie per la dettagliata risposta. Vorrei solamente sapere una cosa: quando tu scrivi che devo creare nel css, noto che il mio template ha diversi file css, (ad esempio layout.css, joomla.css, menu.css, modules.css...). In quale file devo creare il css? Forse devo domandare a chi ha creato il template, esatto? Anche perchè il template ha anche un file chiamato custom.css.
Ciao e grazie ancora.

[conti1]

ciao
 di solito c'è un file chiamato templat.css e si mette li xche e quello con più css  che viene caricato,
ma in alternativa li puoi mettere  in un css diverso non e che cambia ,  visto che hai layout.css, joomla.css,
metti pure dentro li il tuo css nuovo.

[french150]

Ok. Grazie. Un'ultima domanda. L'immagine in questione dovrà essere presente in un modulo html personalizzato in posizione left. Pertanto ti chiedo: devo scrivere sull'index.php questo codice:
<div id="pippo">
                    <jdoc:include type="modules" name="left" style="xhtml"/>
                </div>
esatto?

Nel html del modulo scrivo così:
<div id="pippo" onclick="location.href='#'"></div>

 e poi lavoro sul css così:
#pippo {
background-image:url(images/pluto.png);
background-position:center top;
background-repeat:no-repeat;
cursor: pointer;
height:100px;
width:50px;
}

Come ti sembra?

Comunque ti allego uno screenshot della mia home page dove vedrai le due immagini a cui devo applicare l'effetto rollover. Una delle due è inserita nell'editor, quindi non so se devo richiamarla e come farlo nel file index.php.