Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Saimonn 19 May 2010, 22:59:01

: Sfondo del sito con immagine fissa
: Saimonn 19 May 2010, 22:59:01

Salve ragazzi, mi stavo chiedendo come sia possibile inserire una immagine nello sfondo del sito (e fino a qui ci siamo) ma che sia fissa, ossia che anche nel caso in cui si scorra la pagina verso il basso questa rimanga sempre ferma, come accade in questo sito:

http://www.solopalmari.com/people/topic/30065

Sarebbe niente male

: Re:Sfondo del sito con immagine fissa
: adottauncane 19 May 2010, 23:50:32

Ciao Saimonn,
prova ad aggiungere:
background-attachment:fixed;

: Re:Sfondo del sito con immagine fissa
: conti1 20 May 2010, 00:05:56

esatto
background-image: url('url dell'immagine di sfondo');  --->indirizzo web dell'immagine

background-repeat: no-repeat; --->comando per la non ripetizione dello sfondo

background-attachment: fixed; --->comando per fissare lo sfondo

: Re:Sfondo del sito con immagine fissa
: Saimonn 20 May 2010, 23:23:54

grazie ragazzi perfetto, guardate:
 www.unircost.altervista.org

Mi stavo chiedendo ora come fosse possibile inserire una cornice all'area main (cioè l'area principale in cui ci sonp i vari menu l'header, ecc.) così da tracciare una distinzione con lo sfondo

: Re:Sfondo del sito con immagine fissa
: adottauncane 20 May 2010, 23:55:26

Ciao Saimonn,
prova così:
div#top_menu{
   height:54px;
   margin:0px auto;
   width: 980px;
border-left: 9px;
border-top: 0px;
border-bottom: 0px;
border-right:9px;
border-style: solid;
border-color: red;
}

div#main_bg{
   margin:0px auto;
   width: 978px;
   text-align:left;
border-left: 10px;
border-top: 0px;
border-bottom: 0px;
border-right:10px;
border-style: solid;
border-color: red;
}

div#f_area{
   background: #646464 url(../images/f_area_bg.png) center repeat-y;
   margin:0px auto;
   width: 978px;
   text-align:left;
   margin-bottom:3px;
border-left: 10px;
border-top: 0px;
border-bottom: 10px;
border-right:10px;
border-style: solid;
border-color: red;
}

dove in quelle parti di codice aggiungi la parte in neretto.
Colore e spessore decidili tu, ma comunque il primo va poi aggiustato otticamente es.: 9px dove gli altri hanno 10px.

P.S. Nell'immagine di sfondo forse è meglio che tu metta:
background-position: center 0; perché con una risoluzione video alta lo vedi allineato a sinistra e non sta benissimo. :)