Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : VitoAntonio 03 Mar 2011, 13:15:56

: Suffisso classe CSS modulo
: VitoAntonio 03 Mar 2011, 13:15:56

salve,
allora il mio dilemma è questo.
uso il template rt_afterburner_j15 free.
vorrei cambiare lo sfondo dei titoli dei moduli.
il sito è www.fiumedipietra.org

ho aperto il file css light4 che è quello che uso e mi sono trovato questa situazione:

/* Modules */
.module {padding:1px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

leggendo trai forum ho proceduto così:

allora ho creato una mia classe _miocss
ho scritto la seguente riga
.module_miocss{background:color:#3333CC}
e l'ho posizionata così scritta evidenziata in giallo


/* Modules */
.module {padding:1px;}
.module_miocss{background:color:#3333CC}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.module-body {padding:10px 15px 25px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#50646d;}
.color2 .module-body {border-top:1px solid #dfeaef;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#0066CC;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

bene nulla è successo, sicuramente sbaglio moltissime cose ...ma cosa?

grazie grazie grazie

: Re:Suffisso classe CSS modulo
: adottauncane 03 Mar 2011, 14:20:00

Ciao VitoAntonio,
ma lo sfondo lo vuoi mettere a tutti i moduli?
Basta così allora:

:

.module-title {
    background-color: #3333CC;
    color: #FFFFFF;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
    padding: 7px 15px 5px;
}light4.css (riga 115)

ho messo i testi in bianco mapuoi cambiarli di qui: color:

: Re:Suffisso classe CSS modulo
: VitoAntonio 04 Mar 2011, 11:14:25

grazie per la risposta adottauncane,

così è una prima soluzione e ti ringrazio ancora, però vorrei mettere sfondi diversi per ogni titolo. Questo è il prob.

grazie saluti