Joomla.it Forum

Joomla! 3 => Joomla! 3 => : pdecaro 28 Aug 2013, 09:15:47

: cambiare colore sfondo modulo menu
: pdecaro 28 Aug 2013, 09:15:47
Buongiorno , non sono riuscito a cambiare il colore di sfondo per un modulo-menu. Mi potete dare una dritta funzionante. Grazie
: Re:cambiare colore sfondo modulo menu
: Dieda12 28 Aug 2013, 11:05:02
Ciao pdecaro,

In genere lo si fa via css.
Assegna una classe al modulo nelle impostazioni, lasciando uno spazio bianco prima del nome, poi richiami la classe nel css e assegni un background-color.
: Re:cambiare colore sfondo modulo menu
: pdecaro 28 Aug 2013, 15:54:28
SCUSA POTRESTI INDICARMI I PASSI DA SEGUIRE IN BREVE. GRAZIE
: Re:cambiare colore sfondo modulo menu
: Dieda12 28 Aug 2013, 16:02:20
Per essere più specifica avrei bisogno di sapere che template stai usando e di quale modulo stiamo parlando (se mi dessi un link al sito sarebbe l'ideale).
: Re:cambiare colore sfondo modulo menu
: pdecaro 28 Aug 2013, 16:16:28
Grazie per la collaborazione, sto uusano joomla 3.5 per un sito intranet ,il template è quello di defualt.
al momento le opzioni del modulo sono queste:
enu Tag ID                       Suffisso classe menu                                          Posizione Target                                          Layout alternativo                    Predefinito     Suffisso classe CSS modulo                    _menu                      Cache                    Usa globali     Tempo di cache                                                Tag Modulo                    div    Dimensioni Bootstrap                   0
: Re:cambiare colore sfondo modulo menu
: Dieda12 28 Aug 2013, 16:35:19
Sicuro che sia 3.5 ? Non è poi che dal tuo post si capisca moltissimo...non mi pare ci siano impostazioni settate.

Comunque, se il template è il beez_20 e il modulo è un modulo menu hai due possibilità:

1) Cambiare lo sfondo a tutti i moduli menu con lo stesso colore:
- File templates/beez20/css/personal.css riga 445 -> nelle proprietà di ul.menu cambia il colore assegnato a background.

2) Cambiare lo sfondo a un singolo modulo:
- Da backend, nel campo suffisso classe modulo inserisci uno spazio e un nome a tuo scelta (esempio: mymod).
- Nel file di cui sopra, alla fine, inserisci:

:
.mymod{
background-color:#123456;
}

- Per vedere il cambio di colore devi cambiare la riga di cui al punto 1 assegnando a ul.menu il background-color "transparent", se no il bianco di ul ti si sovrappone al colore assegnato al modulo (se il modulo non è un modulo menu, non hai bisogno di cambiare lo stile di ul.menu).
: Re:cambiare colore sfondo modulo menu
: pdecaro 28 Aug 2013, 17:57:32
scusa mi correggo, la versione è la 3.1.5 il template è beez3.  ho inserito in cosa come mi hai detto :
 .miomodulo{
background-color:#FFFF80;
}

ho modificato il suffisso così:

  Suffisso classe CSS modulo                    miomodulo

ma non funziona , ho provato anche a metter _miomodulo.

Dove sbaglio ?
Grazie
                  
: Re:cambiare colore sfondo modulo menu
: maicolstaip 28 Aug 2013, 18:14:08
Ciao pdecaro,
per cortesia, prova a formattare i messaggi in modo corretto, altrimenti non si capisce bene cosa hai fatto.
Il suffisso da mettere è
:
miomodulo
(con lo spazio vuoto prima della parola "miomodulo")

mentre nel css devi mettere

:
.miomodulo{
background-color:#FFFF80;
}

Ciao!
: Re:cambiare colore sfondo modulo menu
: pdecaro 29 Aug 2013, 08:56:45
Buongiorno, eccoti i passi per bene :
dal percorso templates/beez3/css/personal  ho aggiunto in coda queste istruzioni :

.miomodulo{
background-color:#FFFF80;
}

nel modulo

in opzioni avanzate :
  Suffisso classe CSS modulo ho aggiunto preceduto da uno spazio miomodulo                    miomodulo                  
: Re:cambiare colore sfondo modulo menu
: Milcon 29 Aug 2013, 10:27:10
Ciao, prova a mettere nel suffisso classe modulo  miomodulo senza spazi.
: Re:cambiare colore sfondo modulo menu
: pdecaro 30 Aug 2013, 10:39:53
fatto non funziona lo stesso, ma il percorso del css è quello giusto ?
: Re:cambiare colore sfondo modulo menu
: Milcon 30 Aug 2013, 20:44:55
Prova ad aggiungere le righe di codice suddette a template.css e levarle a personal.css..