Se ho capito bene vuoi che non si ripeta l'immagine di sfondo? background-attachment=fixed

grazie!! ho risolto il problema e ho capito che l'errore era una mia stupida leggerezza!!

Aiuto! sono nuovo di questo forum e anche di joomla. Il mio problema è questo, non ho aperto un nuovo topic proprio perchè credo ci sia già questo che rispecchia il mio quesito. Ho realizzato un sito, il cliente mi chiede uno sfondo sfumato per tutto il sito, ho provato a modificare con i vari codici background fixed oppure -x -y con un immagine (sfumata bianca e azzurra) 200x100 pixel ma la stessa mi si ripete e l'effetto è molto sgradevole. Poi ho provato a rimpicciolire la stessa portandola a 50x25 pixel, ancora peggio. Ho fatto l'ultimo tentativo rimpicciolendola ancora e farla ripetere con il repeat-x o senza -x ma l'effetto è orripilante. Ma non si può inserire un'immagine a pieno schermo e farla come sfondo senza sgradevoli risultati? grazie

Ok ho risolto grazie, bastava "progettare" grande quanto il sito in questione ed inserirla coi codici appositi repeat-x!!

@NicoLink said:

ho saputo che per avere uno sfondo sfumato bisogna usare un immagine larga pochi pixel e farla ripetere per tutta la pagina. il problema è che non so nè come reperire questa immagine ne come crearla con photoshop. qualcuno mi può aiutare?

...io sapevo che si poteva ottenere un effetto simile con html e i css: sapreste dirmi come? (senza immagini)

@conveyor said:

...io sapevo che si poteva ottenere un effetto simile con html e i css: sapreste dirmi come? (senza immagini)

Era possibile solo per IE con il filter Alpha, dove si specificava anche una FinishOpacity. Per esempio:

filter:alpha(opacity=100, FinishOpacity=0, Style=1);Lo style indica le caratteristiche del gradiente: 0=uniforme, 1=lineare, 2=radiale e 3=rettangolare. Nell'ultimo caso bisogna anche specificare le coordinate dove inizia e finisce il gradiente con StartX, StartY, FinishX, FinishY.

Non funziona per Firefox e credo che nel ultimo standard CSS non ci sia più.

Jess

Ciao io utilizzo questo script per lo sfondo ma siccome la mia pagina e- un po- lunga non vorrei che si ripetesse lo sfondo come posso correggere se elimino la x dopo repeat lo sfondo si ripete mentre cosi come scritto ora lo sfondo si vede solo fino a meta- pagina poi il resto e- bianco:?

Posto lo script:

<style>
body {
background: url('sfondo.gif') repeat-x ;
}
</style>

Ciao a tutti

Ciao fabrice25,

Prova cosi:

<style>
body {
background: url('sfondo.gif');                        
background-repeat:repeat;
}
</style>

@Thedarkita said:

[...]

Con questo codice ho provato ma mi ripete lo sfondo a meta' pagina fino alla fine ,io vorrei fare in modi che sia unica la sfumatura fino alla fine.

@fabrice25 said:

[...]
Allora o allunghi l'immagine fisicamente in modo i coprire tutta la pagina.
Oppure l'allunghi fino a coprire la finestra del browser e metti background-attachment:fixed
Cosi la sfumatura rimane anche con lo scroll sempre visibile.

Conviene comunque impostare come sfondo il colore che raggiunge la sfumatura alla fine per evitare effetti poco estetici se qualcuno ha una finestra del browser più grande di quello che ti immagini.

<style>
body {
background: url('sfondo.gif');
background-repeat:repeat-x;
background-attachment:fixed
}
</style>