[Risolto] Sfondo statico su sito

[roxdragon]

 Salve gente...
Sapete aiutarmi per inserire lo sfondo statico sul sito?


http://roxdragon.net
Questo è il mio sito...


...e questo il mio template.css:

Codice: [Seleziona]



html {
   height : 100%;
}
body {
   font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
   font-size: 13px;
   color: #aaa;
   background-color: #000;
   margin:0;
   padding:0;
}
#bg_up {
   width:100%;
   margin:0;
   padding:0;
   background-image:url('../images/bg_up.jpg');
   background-position:center top;
   background-repeat: repeat-y;
}
#wrapper {
   max-width:1180px;
   min-width:960px;
   margin: 0 auto;
   background-color: transparent;
}


vorrei uno sfondo statico, non ripetuto e al centro... come faccio? ho gia lo sfondo ma non so come modificare il file CSS
e se cancellare righe... grazie

[fre2004]

se ho ben capito vuoi un immagine al centro della pagina?

body {
   font-family: Verdana,"Lucida Grande",Arial,Helvetica,Sans-Serif;
   font-size: 13px;
   color: #aaa;
   background-color: #000;
   margin:0;
   padding:0;

background: url(.....) 50% 50% no-repeat;
}

[roxdragon]

voglio solo uno sfondo statico non ripetuto... come lo sfondo di un desktop!


Vorrei mettere questo sfondo http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg
però come esteso e non ripetuto.. e statico

[adottauncane]

Ciao roxdragon,
hai provato come scrive free2004? Va bene, potresti solo aggiungere
    background-attachment: fixed;

Puoi metterlo lì o qui:

Codice: [Seleziona]

#bg_up {    background-attachment: fixed;    background-image: url("http://ninjasofcode.com/wp-content/uploads/2009/11/code20small.jpg");    background-position: center top;    background-repeat: no-repeat;    margin: 0;    padding: 0;    width: 100%;}template.css (riga 18)

naturalmente dovrai trovare o adattare l'immagine ad una misula adeguata per coprire tutto lo sfondo. Adesso ho messo l'url assoluto all'immagine ma quando sarà caricata sul tuo sito lo sostituisci con quello relativo.

[roxdragon]

Ok grazie ... funziona ma... si vede solo al centro... lateralmente c'è lo sfondo nero...
come posso fare senza ridimensionare l'immagine?
Grazie

[tomtomeight]

Devi necessariamente avere una immagine di larghezza adatta a coprire anche le fasce laterali, l'alternativa è la ripetizione.

[roxdragon]

ok grazie... ma come faccio a sapere la grandezza precisa per coprire la larghezza del sito?

[tomtomeight]

Leggi il css oppure fai dei tentativi, basandoti su una larghezza standard, di 1024 adatta a coprire la maggior parte dei monitor. Se vuoi avere una copertura al 100% anche per risoluzioni maggiori devi scegliere una immagine molto larga, 1200 e più che però ha la parte centrale significativa e i bordi sfumati e non significativi.

[roxdragon]

Ok grazie risolto ^^