Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : pelignanet 01 Jun 2013, 20:11:49
-
sono ancora io, ormai non vi lascio più :D , 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
body#bd { background: #fff; color: #333; }
del file template.css
questo:
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 :)
-
Ciaopelignanet,
probabilmente quella è solo una parte dello sfondo. Ja Purity ha diverse sezioni di sfondo. Metti un link al sito così vediamo.
-
ecco il sito: http://www.pelignanet.it (http://www.pelignanet.it), ovviamente lo sfondo interessa tutto il sito in joomla, non la intro page, là l'ho già messo.
-
Mettila qui:
#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:
#ja-container .main { min-height: 300px; padding: 20px 0; background: #FFF;}
template.css riga 1785
-
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 (http://www.corriere.it) . Si può fare?
-
Prova a metterla che vediamo. Ja Purity non è proprio adattissimo a queste modifiche però.
-
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ì
-
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.
-
ecco ha preso il bianco, adesso che si deve fare?
-
Fai tutte queste correzioni:
#ja-header {
margin-top: 100px;
position: relative;
z-index: 10;
}
template.css riga 1903
#ja-mainnav .main {
font-size: 12px;
background: url("../images/grad1-mask.png") repeat-x scroll center top #444444;
}
template.css riga 2043
#ja-mainnav {
line-height: 1;
position: relative;
z-index: 11;
}
template.css riga 2027
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:
#ja-container { border-bottom: 5px solid #CCCCCC; position: relative; z-index: 5;}
-
grazieeeee! è perfetto, un'ultima cosa: si può rimettere il colore del menù a tendina come prima? dove devo modificare? grazie ancora, fantastica!
-
Probabilmente non hai fatto questa correzione:
#ja-mainnav .main {
font-size: 12px;
background: url("../images/grad1-mask.png") repeat-x scroll center top #444444;
}
-
E poi lo sfondo fallo così, che come è adesso non è bello...
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;}
-
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. :D