Back to top

Autore Topic: Suffisso classe CSS modulo  (Letto 1749 volte)

Offline VitoAntonio

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Suffisso classe CSS modulo
« il: 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

adottauncane

  • Visitatore
Re:Suffisso classe CSS modulo
« Risposta #1 il: 03 Mar 2011, 14:20:00 »
Ciao VitoAntonio,
ma lo sfondo lo vuoi mettere a tutti i moduli?
Basta così allora:
Codice: [Seleziona]
.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:

Offline VitoAntonio

  • Nuovo arrivato
  • *
  • Post: 19
    • Mostra profilo
Re:Suffisso classe CSS modulo
« Risposta #2 il: 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

 



Web Design Bolzano Kreatif