(RISOLTO) immagine come sfondo sito

[pelignanet]

sono ancora io, ormai non vi lascio più , questa volta il mio problema è mettere come sfondo del mio sito (link al sito nel mio menù a sinistra) un'immagine, ho provato a inserire il codice che mi ha consigliato la gentilissima "adottauncane" ma non va, anzi, va solo il colore. Questi i passaggi che ho compiuto nell'operazione:
1) ho sostiuito a

Codice: [Seleziona]

body#bd { background: #fff; color: #333; }del file template.css
questo:

Codice: [Seleziona]

body#bd {    background-attachment: scroll;    background-clip: border-box;    background-color: #F1F1F1;    background-image: url("..images/tuaimmagine.jpg");    background-origin: padding-box;    background-position: center top;    background-repeat: no-repeat;    background-size: auto auto;    color: #000000;    margin-top: 5px;} ho modificato "tuaimmagine.jpg" con la mia ma il risultato è che vedo una striscia colorata sopra a tutto, cosa ho sbagliato? grazie ancora e buona cena 

[adottauncane]

Ciaopelignanet,
probabilmente quella è solo una parte dello sfondo. Ja Purity ha diverse sezioni di sfondo. Metti un link al sito così vediamo.

[pelignanet]

ecco il sito: http://www.pelignanet.it, ovviamente lo sfondo interessa tutto il sito in joomla, non la intro page, là l'ho già messo.

[adottauncane]

Mettila qui:

Codice: [Seleziona]

#ja-container {    background: url("../images/immagine.jpg") repeat scroll center top #F6F6F6;    border-bottom: 5px solid #CCCCCC;    position: relative;    z-index: 5;}
template.css riga 1771
poi metti se vuoi riperla, scrollarla o fissa ecc. Poi bisognera mettere un fondo bianco nella parte centrale:

Codice: [Seleziona]

#ja-container .main {    min-height: 300px;    padding: 20px 0;    background: #FFF;}template.css riga 1785

[pelignanet]

ok questa volta la foto me l'ha presa ma visto il risultato pensavo di metterla tutta intorno al sito come ha qui il corriere http://www.corriere.it . Si può fare?

[adottauncane]

Prova a metterla che vediamo. Ja Purity non è proprio adattissimo a queste modifiche però.

[pelignanet]

mettendo quel codice adesso la foto la vedo ma io la vorrei che non coprisse nulla, solo ai lati sopra e sotto come il link che ti ho postato sopra, si può fare in ja purity?


anche al sito tuo "www.adottauncane.net" hai messo uno sfondo che non copre niente e si trova tutto intorno alla struttura del sito. io lo vorrei così

[adottauncane]

Se vedi ti ho messo anche il css per far bianca la parte centrale. Se fai quelle due modifiche intanto, vedrai che sei a metà lavoro. Poi vediamo di far vedere anche lo sfondo sopra... Ma fai la modifica.

[pelignanet]

ecco ha preso il bianco, adesso che si deve fare?

[adottauncane]

Fai tutte queste correzioni:

Codice: [Seleziona]

#ja-header {
    margin-top: 100px;
    position: relative;
    z-index: 10;
}
template.css riga 1903

Codice: [Seleziona]

#ja-mainnav .main {
    font-size: 12px;
    background: url("../images/grad1-mask.png") repeat-x scroll center top #444444;
}
template.css riga 2043

Codice: [Seleziona]

#ja-mainnav {
    line-height: 1;
    position: relative;
    z-index: 11;
}
template.css riga 2027

Codice: [Seleziona]

body#bd {    background: url("../images/valle_peligna.jpg") repeat fixed center top #F6F6F6;    color: #333333;}
}
template.css riga 39

e poi togli il background di qui:

Codice: [Seleziona]

#ja-container {    border-bottom: 5px solid #CCCCCC;    position: relative;    z-index: 5;}


[pelignanet]

grazieeeee! è perfetto, un'ultima cosa: si può rimettere il colore del menù a tendina come prima? dove devo modificare? grazie ancora, fantastica!

[adottauncane]

Probabilmente non hai fatto questa correzione:

Codice: [Seleziona]

#ja-mainnav .main {
    font-size: 12px;
    background: url("../images/grad1-mask.png") repeat-x scroll center top #444444;
}

[adottauncane]

E poi lo sfondo fallo così, che come è adesso non è bello...

Codice: [Seleziona]

body#bd {    background-attachment: fixed;    background-clip: border-box;    background-image: url("../images/valle_peligna_2.JPG");    background-origin: padding-box;    background-position: center top;    background-repeat: no-repeat;    background-size: 100% auto;    color: #333333;}

[pelignanet]

ok adesso secondo me va bene, la grandezza dell'immagine infatti non era proprio bello, ne ho messa una di 1028x960 perchè io ho proprio questa risoluzione e pensando che adesso i computer li fanno tutti così allora avevo lasciato perdere, comunque grazie anche per questo, mi hai tolto un gran peso. Metto risolto al post, ciao e alla prossima.