Personalizzare colori di sfondo dei moduli con jm-0013 [RISOLTO]

[onassor]

Salve a tutti,
con il template jm-0013 vorrei assegnare un colore di sfondo ai diversi menų o moduli.
Ho probato con Background Styler ma mi consente una sola modifica su di un blocco.
Mi sapete aiutare a risolvere questo problema ?

Grazie a tutti

 

[bodhi]

Ciao onassor,
puoi inserire un link al sito.

[onassor]

Sono in locale su server Mamp, php 5.3.2.


Grazie

[Rasjah]

Ciao onassor,

Vai in templates/jm-0013/css/style1.css

nel file style1.css dalla riga 69 iniziano i "settaggi" css dei menu

in particolare se vai alla riga 71 troverai

div.djmodule, div.djmodule_menu {
    border: 1px solid #d7e7ec;
}


se aggiungi

div.djmodule, div.djmodule_menu {
    border: 1px solid #d7e7ec;

    background: #33CC00;

}

avrai un bel verde di sfondo 

[onassor]

Grazie per la cortese risposta e ne terrō conto ma il problema non č questo. (Ho giā verificato con Firebug)
Io desidero assegnare colori diversi personalizzati  a moduli diversi. Nel caso che mi suggerisci tutti i moduli avranno lo stesso colore.

[Rasjah]

é vero, io ti ho suggerito come cambiare tutti i menu assieme, se invece vuoi colori diversi su ogni menu devi impostare il background su i singoli id o class di ogni menų:

per il menų principale

<div id="Mod1" class="djmodule_menu">

per i progetti speciali

<div id="Mod20" class="djmodule">

per i documenti

<div id="Mod22" class="djmodule">

per  operazione trasparenza

<div id="Mod24" class="djmodule">


per  albo

<div id="Mod23" class="djmodule">


potresti anche cambiare colore al passaggio del mouse su le singole voci con un :hover

[onassor]

Ho compreso il problema ma purtroppo non riesco a risolvere il problema. Ti allego un estratto del file stile1 css e della maschera di joomla che configura il modulo.
Siamo quasi vicini all'obiettivo ma manca ancora qualcosa...

Grazie

/**modules**/

div.djmodule, div.djmodule_menu {
    border: 1px solid #d7e7ec;
    background: #33CC00;
}

<div id="Mod1" class="djmodule_menu"> {
    background:#FF66FF
}

div.djmodule h3, div.djmodule_menu h3 {
    color: #006383;
}

<div id= "Mod20" class= djmodule> {
    background:#CCFF00
}

<div id="Mod22" class="djmodule"> {
    background:#FFFF99


JOOMLA

• Menu Tag ID                     
• Suffisso classe menu                     
• Posizione Target                     
• Layout alternativo
• Suffisso classe CSS modulo                     
• Cache
• Tempo di cache

[Rasjah]

Beh.. scritto cosė il css non mi sembra molto ortodosso.....

Prova cosė

#Mod20 {
  background:#CCFF00;
}

#Mod22 {
background:#FFFF99;
}

#Mod1 {
background:#FF66FF;
}

ecc. ecc......

[onassor]

Ti ringrazio davvero molto per aver risolto.
Prossimo obiettivo "educazione ai css"...

Grazie ancora

[Rasjah]

  metti [RISOLTO] all'inizio