Corretto utilizzo campo "suffisso class css modulo"

[ifossati]

Ciao, ho l'esigenza di cambiare lo sfondo ad una serie di moduli e mi sono scontrato con le incongruenze tra IE7, Opera e firefox. Mi spiego meglio, dietro l'ottimo consiglio di Maria ho apportato la seguente modifica nel file index.php inserendo il tag bgcolor:

Codice: [Seleziona]

<td bgcolor="BEE3FF"><?php mosLoadModules ( 'user2' ); ?></td>

Funziona alla perfezione con IE7 e con Opera, con firefox lo sfondo rimane invece quello del sito.
Il tutto e' visibile utilizzando i differenti browser al seguente indirizzo:

http://ivafos.100webspace.net/Joomla_1012_stabile_ita/index.php

L'area coinvolta e' quella indicata da "Comunicazioni", subito sotto l'header.

Ho quindi deciso di agire a livello di classi sul css ma non avendo grosse competenze in merito mi sono un po' perso... 

Con Web Developer mi indica la sezione .moduletable come quella interessata. Ho copiato la seguente parte di codice

Codice: [Seleziona]

table.moduletable {
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
margin-left: 10px;
padding-bottom: 20px;
}

creando quanto segue (ho modificato il nome ed aggiunto il background):

Codice: [Seleziona]

table.moduletablecomunicazioni {
background-color:#BEE3FF;
width: 95%;
border-left: solid 0px #000000;
border-right: solid 0px #000000;
border-top: solid 0px #000000;
border-bottom: solid 0px #000000;
margin-left: 10px;
padding-bottom: 20px;
}

Ammesso che quanto fatto sopra sia corretto, ho provato poi ad inserire nel campo "suffisso class css modulo" in joomla tutte le possibili varianti del nome (table.moduletablecomunicazioni, .moduletablecomunicazioni, comunicazioni) ma non e' cambiato nulla 

Sicuramente sto sbagliando da qualche parte, sapreste gentilmente indicarmi dove?

Grazie mille, ciao.
Ivano

[sali40]

class, nel css ha la forma
.nomeclass
Costruiscine una, chiamala
.bgrcolormoduleclass o qualcosa di simile, così non corri il rischio di interferire con qualche altra cosa già esistente
Nel campo del modulo in interesse, poi, metterai quel nome

[ifossati]

Ciao, ho provato a fare quanto sopra suggerito creando quanto segue:

Codice: [Seleziona]

.bgrcolormoduleclass {

}

table.bgrcolormoduleclass {
  background-color: #BEE3FF ;
  width: 95%;
  border-left: solid 0px #000000;
  border-right: solid 0px #000000;
  border-top: solid 0px #000000;
  border-bottom: solid 0px #000000;
  margin-left: 10px;
  padding-bottom: 20px;
}
Poi nel modulo, nel campo "suffisso class css modulo" ho inserito bgrcolormoduleclass e salvato, provato un refresh della pagina ma niente. Ho creato una classe incompleta? Dovrei ricreare tutti gli elementi che sono parte della classe .moduletable? Come specificato sopra, io ho solo l'esigenza di cambiare lo sfondo del blocco modulo user2, il resto mi va bene rimanga uguale a quanto in essere.
Grazie mille, ciao.
Ivano

[sali40]

ma ... hai costruito una classe che non ha alcun parametro?
Almeno il background-color ... 

[ifossati]

Ciao, cosa intendi senza alcun parametro  ? Mi sono scaricato la guida e sto cercando di capire qualcosa sui css ma sono ancora niubbo in merito... 
Ho semplicmente messo quanto segue:

.bgrcolormoduleclass {

}   
   
table.bgrcolormoduleclass {
  background-color: #BEE3FF ;
  width: 95%;
  border-left: solid 0px #000000;
  border-right: solid 0px #000000;
  border-top: solid 0px #000000;
  border-bottom: solid 0px #000000;
  margin-left: 10px;
  padding-bottom: 20px;   
}

il background c'e', ma secondo me tu intendi un'altra cosa che io non riesco a capire... 
Grazie e ciao,
Ivano

[ifossati]

Ciao, mi sono studiato per bene l'utilissima guida di Carlo Ernesto (templateCSS.pdf) e ho finalmente risolto il problema di compatibilita' tra vari browser per quanto riguarda lo sfondo del modulo. Ora ne ho altri sulle dimensioni, su Opera e' un disastro da tanto che e' piccolo mentre su IE e FF tutto OK. Vabbe', questo me lo studio a parte.
Lascio invece descrizione di come l'ho risolto per chi, come me, non ha ancora grosse competenze con Joomla e css e fara' ricerche su questo problema.

In pratica nel file template_css.css ho aggiunto la seguente classe:

Codice: [Seleziona]

.moduletableprova {
  padding-left: 5px;
  background: #BEE3FF;
}
semplicemente definendo il colore di sfondo e la distanza del contenuto dal margine sinistro.
Nelle proprieta' del modulo interessato dal cambiamento ho semplicemente impostato nel campo "suffisso class css modulo" la parola prova, facendo si che venisse quindi referenziata la classe modultableprova.
Applicato, salvato e tutto funziona.
Morale: leggersi le guide 
Ciao,
Ivano