Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : pierca 23 Oct 2010, 16:08:20

: [RISOLTO] Immagine "extra" wrapper
: pierca 23 Oct 2010, 16:08:20

Vorrei sapere se è possibile aggiungere un'immagine che vada oltre la larghezza del wrapper: una specie di immagine di sfondo che però rimanga vicino al logo...
http://provafutura.altervista.org/

: Re:Immagine "extra" wrapper
: adottauncane 23 Oct 2010, 16:21:47

Ciao pierca,
si puoi, sostituendo questa:
images/page_bg.png
template.css (riga 92)

:

#page_bg {

background-image:url("../images/page_bg.png");
background-position:left top;
background-repeat:repeat-x;
background-attachment: fixed;
}

e poi nettendo la position e il repeat come ti servono e un background-attachment: fixed; se la vuoi fissa. In questo caso però toglierebbe la fascia verde che hai adesso e si vedrebbe anche sotto al wrapper.

Quindi poi dovresti mettere un background qui:
template.css (riga 96)

:

#wrapper {
margin-bottom:0;
margin-left:auto;
margin-right:auto;
margin-top:0;
position:relative;
width:960px;
background: #FFFFFF <-----
back
}


: Re:Immagine "extra" wrapper
: pierca 23 Oct 2010, 16:40:42

Per adesso grazie. Prima leggo bene; capisco; ci provo e poi ti dico...

: Re:Immagine "extra" wrapper
: pierca 23 Oct 2010, 18:26:46

Ho cercato di capire e spero di esserci riuscito per quasi tutto. Però ho - almeno - un dubbio (per ora...): dove metto l'immagine da inserire, considerato che "page_bg.png" ha solo una colonna verde che poi ripete in orizzontale?

: Re:Immagine "extra" wrapper
: pierca 23 Oct 2010, 20:49:31

...

: Re:Immagine "extra" wrapper
: adottauncane 23 Oct 2010, 21:50:44

Sostituisci la tua immagine a page_bg.png. Lascia lo stesso nome per facilità e, a seconda che sia un'immagine che si ripete o no, metti repeat o no-repeat dove adesso hai repeat-x.
Naturalmente la fascia verde sparirà quindi, se la vuoi, la devi includere nella tua nuova immagine. La nuova immagine avrà un'altra dimensione, ma non importa...

: Re:Immagine "extra" wrapper
: pierca 25 Oct 2010, 22:50:01

Funziona benissimo grazie, ma l'immagine adesso non viene visualizzata negli schermi più piccoli, nei quali rimane fuori. Cosa ho sbagliato e che devo fare?
http://provafutura.altervista.org/

: Re:Immagine "extra" wrapper
: adottauncane 25 Oct 2010, 23:04:08

Be, potresti fare così:

:

#page_bg {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/page_bg.png");
background-position:center top; <------
background-repeat:no-repeat; <-----
}template.css (riga 92)

e allungare il verde dai due lati, fino a 2000px, per gli schermi più grandi.

: Re:Immagine "extra" wrapper
: pierca 25 Oct 2010, 23:14:38

Grazie mille per ora. Domani provo, poi ti dico...

: Re:Immagine "extra" wrapper
: pierca 26 Oct 2010, 22:36:49

Grande! Funziona benissimo grazie mmmmmoltissimo