Sfondo che si stira...

#1

Ciao,
Ho un'immagine che vorrei mettere come sfondo di una pagina WEB.

Il problema e' che la pagina verra' vista a varie risoluzioni: 800x660 -
1024 x 768 - ecc.. fino a 1680x1050. Se imposto una dimensione adatta per
la risoluzione 1024x768 mi ripete l'immagine nella visualizzazioni superiori
provocando un'effetto sgradevole.

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

grazie

#2

"pilo" <pilo90 (AT) gmail (DOT) com> ha scritto nel messaggio
news:4af5eb15 (AT) news (DOT) x-privat.org...

Quote:

Ciao,
Ho un'immagine che vorrei mettere come sfondo di una pagina WEB.

Il problema e' che la pagina verra' vista a varie risoluzioni: 800x660 -
1024 x 768 - ecc.. fino a 1680x1050. Se imposto una dimensione adatta per
la risoluzione 1024x768 mi ripete l'immagine nella visualizzazioni
superiori
provocando un'effetto sgradevole.

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

grazie

Si, ma va fatta con i CSS.

Leo

#3

Il Sat, 07 Nov 2009 22:47:53 +0100, pilo ha scritto:

Quote:

Ciao,
Ho un'immagine che vorrei mettere come sfondo di una pagina WEB.

Il problema e' che la pagina verra' vista a varie risoluzioni: 800x660 -
1024 x 768 - ecc.. fino a 1680x1050. Se imposto una dimensione adatta
per la risoluzione 1024x768 mi ripete l'immagine nella visualizzazioni
superiori provocando un'effetto sgradevole.

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

sÃ¬, ma javascript non centra nulla, devi "giocare" con le proprietÃ* css
del background:
http://www.w3.org/TR/CSS2/colors.html#background

#4

Il Sun, 08 Nov 2009 08:20:19 +0000, Leonardo ha scritto:

Quote:

"pilo" <pilo90 (AT) gmail (DOT) com> ha scritto nel messaggio

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

Si, ma va fatta con i CSS.

No. Coi css non si possono stirare immagini di sfondo, solo ripeterle.

Preciso pero` che, secondo me, e` proprio sbagliato mettere un'immagine di
sfondo stirata, visto che non esistono solo 800x600, 1024x768, ecc che
sono 4:3, ma banalmente 1280x1024 che e` 5:4, e oggi anche 1024x600 che e`
16:10, e simili (16:10, 16:9, 21:9, ...)

Ma soprattutto il browser non occupa mai tutta l'area dello schermo, e
perde soprattutto in verticale (barre varie).

Io toglierei l'immagine di sfondo mettendo un pattern, o la adatterei in
qualche modo (centrandola e sfumando i lati, per esempio).

Bye.

#5

pilo ha scritto:

Quote:

Ciao,
Ho un'immagine che vorrei mettere come sfondo di una pagina WEB.

Il problema e' che la pagina verra' vista a varie risoluzioni: 800x660 -
1024 x 768 - ecc.. fino a 1680x1050. Se imposto una dimensione adatta per
la risoluzione 1024x768 mi ripete l'immagine nella visualizzazioni
superiori
provocando un'effetto sgradevole.

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

grazie

no ma puoi farlo tramite css non è una cosa immediata ma qui è spiegato

abbastanza bene:
http://webdesign.about.com/od/css3/f/blfaqbgsize.htm

#6

......

Quote:

Ma soprattutto il browser non occupa mai tutta l'area dello schermo, e
perde soprattutto in verticale (barre varie).

Io toglierei l'immagine di sfondo mettendo un pattern, o la adatterei in
qualche modo (centrandola e sfumando i lati, per esempio).

Interessante, mi linki un esempio?

ciao e grazie

#7

"Alessandro Pellizzari" <shuriken (AT) amiran (DOT) it> ha scritto nel messaggio
news:7lq4ghF3fjfe6U1 (AT) mid (DOT) individual.net...

Quote:

Il Sun, 08 Nov 2009 08:20:19 +0000, Leonardo ha scritto:

"pilo" <pilo90 (AT) gmail (DOT) com> ha scritto nel messaggio

E' possibile avere un'immagine che si adatta ( stira ) secondo la
risoluzione del monitor?

Si, ma va fatta con i CSS.

No. Coi css non si possono stirare immagini di sfondo, solo ripeterle.

Preciso pero` che, secondo me, e` proprio sbagliato mettere un'immagine di
sfondo stirata, visto che non esistono solo 800x600, 1024x768, ecc che
sono 4:3, ma banalmente 1280x1024 che e` 5:4, e oggi anche 1024x600 che e`
16:10, e simili (16:10, 16:9, 21:9, ...)

Ma soprattutto il browser non occupa mai tutta l'area dello schermo, e
perde soprattutto in verticale (barre varie).

Io toglierei l'immagine di sfondo mettendo un pattern, o la adatterei in
qualche modo (centrandola e sfumando i lati, per esempio).

Qualcosa del genere?

http://www.jesterhorse.it/p/Cavallo.php
Ciao
Leo

#8

Il Thu, 12 Nov 2009 05:52:34 +0100, pilo ha scritto:

Quote:

Io toglierei l'immagine di sfondo mettendo un pattern, o la adatterei
in qualche modo (centrandola e sfumando i lati, per esempio).

Interessante, mi linki un esempio?

Boh, il primo che mi viene in mente e http://www.mesa-lab.it, l'erba
nell'header. E` un pattern, ma e` talmente largo che ti serve un monitor
enorme per accorgertene (o premere ctrl-- una decina di volte in Firefox

Di siti con una unica immagine di sfondo ne sto finendo uno, ma non e`
ancora online.

Bye.

#9

"Alessandro Pellizzari" <shuriken (AT) amiran (DOT) it> ha scritto nel messaggio
news:7m22jkF3g6dh3U2 (AT) mid (DOT) individual.net...

Quote:

Il Thu, 12 Nov 2009 05:52:34 +0100, pilo ha scritto:

Io toglierei l'immagine di sfondo mettendo un pattern, o la adatterei
in qualche modo (centrandola e sfumando i lati, per esempio).

Interessante, mi linki un esempio?

Boh, il primo che mi viene in mente e http://www.mesa-lab.it, l'erba
nell'header. E` un pattern, ma e` talmente largo che ti serve un monitor
enorme per accorgertene (o premere ctrl-- una decina di volte in Firefox

Di siti con una unica immagine di sfondo ne sto finendo uno, ma non e`
ancora online.

Bye.

Qualcosa del genere?

http://www.jesterhorse.it/p/Cavallo.php
Ciao
Leo

#10

Il Thu, 12 Nov 2009 14:20:26 +0000, Leonardo ha scritto:

Quote:

Qualcosa del genere?
http://www.jesterhorse.it/p/Cavallo.php

No, li` non ci sono sfumature, pattern, centrature o altro. E`
semplicemente un'immagine di sfondo fissa (e sul mio 1280x1024 fa anche
apparire le barre di scroll nel browser).

Bye.