[Risolto] Personalizzare sfondo template.

[iz4dik]

Chiedo aiuto a voi esperti per evitare di sbagliare, nel mio sito dovrei inserire l'immagine che ora fa da sfondo solo lateralmente anche nella parte centrale, in sostanza deve essere alla base di tutta la pagina, ovviamente poi c'è da cambiare anche colore al testo, i moduli potrebbero restare distinti.

Uso il modulo Background Styler come devo settarlo per ottenere ciò?

Il sito è: www.musicartistgroup.com

Grazie infinite.

[iz4dik]

Per il momento sono riuscito a dare opacità 0.6 al resto tale da far intravedere lo fondo.

[spaceodissey]

Per il momento sono riuscito a dare opacità 0.6 al resto tale da far intravedere lo fondo.

Ammesso che io abbia capito cosa vuoi fare...
Nel file gray.css, riga 5 trovi

Codice: [Seleziona]

#allwrap {    background: none repeat scroll 0 0 #FFFFFF;    border: 0 solid #000000;}
Modificalo in

Codice: [Seleziona]

#allwrap {    /*background: none repeat scroll 0 0 #FFFFFF;*/    border: 0 solid #000000;}
Oppure cambia l'opacità da 0.6 a 0.0

[iz4dik]

Grazie mille Spaceodissey, siamo sulla buona strada, ora dove devo intervenire per cambiare il colore del testo in BIANCO?
 
E se volessi mettere in evidenza solo i moduli con un riquadro a fondo bianco dove posso aggiungerlo?
 
Purtroppo non è una mia scelta ma lo vogliono così.
 
Grazie mille.
 
 

[spaceodissey]

Grazie mille Spaceodissey, siamo sulla buona strada, ora dove devo intervenire per cambiare il colore del testo in BIANCO?

Immagino solo al centro... qui è un po' più complicato. Prendi il file gray.css e tutte le volte che trovi una proprietà

Codice: [Seleziona]

color:#xxxxxx
sostituiscila con

Codice: [Seleziona]

color:#ffffff

E se volessi mettere in evidenza solo i moduli con un riquadro a fondo bianco dove posso aggiungerlo?

Sempre in gray.css aggiungi

Codice: [Seleziona]

#sidebar div.moduletable, #sidebar-2 div.moduletable{
background-color:#FFFFFF;
}
Dovrebbe andare... anche se non sono sicuro che funzioni su tutti. Se qualche modulo rimane con sfondo diverso poi lo personalizziamo

[iz4dik]

Allora per il colore del testo proverò con il sostituire il COLOR.
 
Per i riquadri bianchi dei moduli, ho inserito il codice all'inizio del file gray.css ma nulla.
 
 

[spaceodissey]

Allora per il colore del testo proverò con il sostituire il COLOR.
 
Per i riquadri bianchi dei moduli, ho inserito il codice all'inizio del file gray.css ma nulla.

Il css on line non sembra cambiato...

[iz4dik]

L'ho provato e poi ricancellato... ora lo reinserisco così lo puoi vedere.     
 
 

[spaceodissey]

L'ho provato e poi ricancellato... ora lo reinserisco così lo puoi vedere.     

Cheppalle ha ragione lui, modificalo così (anche se non è molto bello)

Codice: [Seleziona]

#sidebar div.moduletable, #sidebar-2 div.moduletable {    background-color: #FFFFFF !important;}

[iz4dik]

Ora va... spiegami come mai voleva l'aggiunta della scritta Important!
 
Sarà che lo vogliono così ma a me non piace per niente...   
 
Ora dovrò convertire tutti i testi in BIANCO e poi il problema resta sempre anche con i loghi che dovrò trasformarli in trasparent PNG o GIF
 
Approfitto della tua gentilezza, che differenza c'è tra i colori esadecimali espressi a 3 cifre o a 6 ?
A volte sono a 3 a volte a 6 (#000 e #ffffff).
 
Grazie.
 
 

[spaceodissey]

Ora va... spiegami come mai voleva l'aggiunta della scritta Important!

Non la voleva... ma si fa prima. I CSS vanno a cascata. Tu avevi aggiunto lo stile all'inizio del foglio. Più avanti c'era quello originale. Siccome veniva dopo, veniva applicato quello. Con l'!important abbiamo sovrascritto quell'impostazione. L'ideale sarebbe stato sovrascrivere l'originale. Puoi commentarlo e metterci il colore, solo che lo devi fare due volte sia per #sidebar che per #sidebar-2
 

Sarà che lo vogliono così ma a me non piace per niente...   

Nemmeno a me.
Aggiungici:

Codice: [Seleziona]

padding:5px;, starà leggermente meglio
 

Approfitto della tua gentilezza, che differenza c'è tra i colori esadecimali espressi a 3 cifre o a 6 ?
A volte sono a 3 a volte a 6 (#000 e #ffffff).

Nessuna. I colori vengono espressi in RGB e sono esadecimali a 6 cifre, a coppie di 2. Se una coppia contiene due valori uguali si può abbreviare.
Ad esempio: #aa6700 potrebbe diventare #a670. Quindi #0 0 0 sta per #00 00 00 (senza spazi, naturalmente). Ovviamente #ffffff potrebbe esser scritto semplicemente #fff.
In realtà, a mio avviso, conviene sempre usare le 6 cifre, ma sono gusti.

[iz4dik]

Ora mi resta solo da rendere bianca la scritta del MENU' laterale sinistro e del testo del PERCORSO.
 
 

[spaceodissey]

Ora mi resta solo da rendere bianca la scritta del MENU' laterale sinistro e del testo del PERCORSO.

Grey.css, riga 244

Codice: [Seleziona]

.moduletable_menu li a:link, .moduletable_menu li a:visited {    color: #444455;    text-decoration: none;}
Ovviamente metti color:#FFFFFF

Grey.css, riga 92

Codice: [Seleziona]

#pathway a:link, #pathway a:visited {    color: #6666CC;    text-decoration: none;}
e aggiungi anche
.breadcrumbs span{
color:#ffffff;
}