Joomla.it Forum

Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : pulce 26 Jun 2013, 06:08:24

: css nel box - RISOLTO
: pulce 26 Jun 2013, 06:08:24

Salve a tutti, devo impostare lo sfondo bianco solo in alcuni moduli, ma non ci riesco.
I moduli sono all'interno di una classe chiamata .mod-box
Ovviamente se modifico la classe mi cambia lo sfondo in tutti i moduli, mentre invece vorrei poter influenzare solo quelli giusti. Come andrebbe applicato il css in questione ?
 Grazie

: Re:css nel box
: giovi 26 Jun 2013, 09:12:19

ciao pulce, i moduli consentono anche di applicare una classe personalizzata: in questo modo potrai applicare uno stile diverso solo ad alcuni moduli.
Nel campo suffisso modulo nelle impostazioni dello stesso scrivi qualcosa come " bianco" (nota lo spazio prima della parola, necessario per suddividerla da altri selettori) poi applica background:white; al selettore .bianco nel css.

Se dovessi avere ancora problemi posta un link al tuo sito così possiamo controllare meglio!

: Re:css nel box
: ramses_2th 26 Jun 2013, 09:40:30

Leggi questa guida (http://www.joomla.it/articoli-della-community/4277-moduli-style-classe-e-suffisso-css.html) per cpire come implementarla (si riferisce alla versione 1.5 ma è semplice capire come riportarla nella 2.5)
 
Ciao

: Re:css nel box
: pulce 26 Jun 2013, 10:15:13

Grazie per le risposte. Avevo visto la guida, ma non sono riuscito comunque a personalizzare il mio css.
Non riesco a capire come legare il mio css alla classe .mod-box che gestisce appunto l'area dei moduli.
Grazie ancora a tutti

: Re:css nel box
: giovi 26 Jun 2013, 17:37:36

:

nel css devi scrivere
[code
.mod-box{
background:white;
}
o non era questo che volevi sapere?

: Re:css nel box
: ramses_2th 26 Jun 2013, 18:38:37

Non devi agire sul .mod-box, ma ricreare una tua classe specifica.
Quindi inserisci nell'index del tuo template <divclass="moduletable_miosuffisso">
Dopodiché, devi scrivere la parte di CCS abbinato a "miosuffisso" che andrai ad inserire nel css principale del tuo template in questo modo
/* mio suffisso */
div.miosuffisso {
        background-color: #FFFFFF; /* Bianco*/     
}
Poi setta il suffisso nel tuo modulo andando ad inserire _miosuffiso  in "Suffisso classe CSS modulo)
Ciao
 

: Re:css nel box
: pulce 26 Jun 2013, 21:17:22

Grazie a tutti e in particolare a ramses_2th con le tue indicazioni ho risolto. Grazie ancora a tutti