Back to top

Autore Topic: Sfondo del sito con immagine fissa  (Letto 3218 volte)

Offline Saimonn

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Sfondo del sito con immagine fissa
« il: 19 Mag 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

adottauncane

  • Visitatore
Re:Sfondo del sito con immagine fissa
« Risposta #1 il: 19 Mag 2010, 23:50:32 »
Ciao Saimonn,
prova ad aggiungere:
background-attachment:fixed;

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Sfondo del sito con immagine fissa
« Risposta #2 il: 20 Mag 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
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Saimonn

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Re:Sfondo del sito con immagine fissa
« Risposta #3 il: 20 Mag 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

adottauncane

  • Visitatore
Re:Sfondo del sito con immagine fissa
« Risposta #4 il: 20 Mag 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. :)
« Ultima modifica: 21 Mag 2010, 00:13:31 da adottauncane »

 



Web Design Bolzano Kreatif