applicare un texture di sfondo omogeneo

away

Utente Attivo
28 Dic 2006
101
0
16
Ciao a tutti volevo applicare un immagine di sfondo ad una maschera per il web con dreamweaver con le opzioni dei css body ho visto che ci sono molte opzioni ciò che vorrei ottenere io e poter applicare un texture magari elaborato (tipo una foto che ne so 1600 x 1200 ricca di particolari evitando che questa si ripeta ora se andate quì :

http://www.cgtextures.com/
- troverete una serie di texture dalla più piccola alla più grande -

Dovendo nel mio caso applicare il texture ad una maschera con risoluzione 1024 x 1000 dunque lunga e quindi con la scroll verticale inevitabile - per evitare che l'immagine di texture si replichi dovrò scegliere un' immagine con una risoluzione che approssimativamente combaci con quella della mia maschera di cui sopra - che ne so grandezza texture 1600 x 1200 e non 1024 x 768 ?

L'effetto che vorrei ottenere è simile a questo :
http://www.u2.com/index/home/

Grazie aspetto vostra dritta ciao
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
nel Css
Codice:
body{
background: url("percorsoimmagine/immagine.jpg") no-repeat;
}
per aver un'immagine non ripetuta nel body

altri parametri da passare al body sempre via css sono:
riguardo alla ripetizione dell'immagine:
repeat
no-repeat
repeat-x
repeat-y

riguardo alla posizione dell'immagine:
top
center
bottom
left
right

da inserire sempre quì:
Codice:
background: url("percorsoimmagine/immagine.jpg") [B]quì[/B];
separati da uno spazio uno dall'altro

Ciao
 

away

Utente Attivo
28 Dic 2006
101
0
16
ciao e grazie ma le le formattazioni dei css che mi hai dato indipendentemente dalla risoluzione del texture da applicare come sfdondo ?

Cioè se devo applicare il texture su di una maschera con risoluzione 1024 x 1100 dunque lunga con relativa scrollbar in verticale le dimensioni del texture dovranno essere per forza identica alla risoluzione della maschera o quantomeno superiori tipo 1600 x 1200 o anche ma forse troppo 2240 x 1452?

cmq ti posto le formattazioni che ho dato al mio css body su :

maschera : 1024 x 1100
texture : 1600 x 1200

body {
background-image: url(Pilota/sky_2.jpg);
margin: 0px;
padding: 0px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}


Aspetto tue eventuali precisazioni ciao e grazie per la disponibilità
 

WpStyle

Utente Attivo
25 Gen 2004
611
0
16
Pistoia
www.animalfestival.net
l'esempio che ti ho fatto io è indipendente dal tipo di risoluzione che usi per la texture...
la texture o immagine di sfondo è applicata all'intero body (praticamente all'intera area visibile del tuo browser) quindi per farti un esempio se il div principale che contiene la maschera, chiamiamolo div#contenitore a larghezza fissa, è come hai detto tu 1024x1100 e il tuo Pc ha una risoluzione 1024x768, la texture non la vedrai a meno che la maschera non abbia delle trasparenze quindi la vedresti parzialmente in quelle zone...

in pratica dipende molto dalla risoluzione video che ognuno ha nel proprio Pc...

Ciao
 
Discussioni simili
Autore Titolo Forum Risposte Data
giannit [PHP] Applicare natsort usando un array PHP 12
ANDREA20 Creare carrello della spesa e applicare uno sconto E-Commerce 6
asevenx trasparenza da non applicare allo sfondo HTML e CSS 3
G Con Photoshop per applicare la Nitidezza (Filtro>Nitidezza) Photoshop 1
V Applicare un effetto di transizione tra due activity Sviluppo app per Android 1
M Applicare funzione php ad ogni elemto html Ajax 3
T applicare un effetto MOUSEOVER su uno SHORTCODE generato da plugin in WORDPRESS jQuery 6
T é possibile applicare HTML ad uno SHORTCODE? HTML e CSS 0
T applicare un effetto MOUSEOVER su THUMBNAILS generati da SHORTCODE WordPress 0
F Applicare uno stile css ad una sola parola HTML e CSS 5
asevenx applicare filtro anti spam PHP 6
M Livevalidation: applicare validazione solo se si sceglie una option di una select. Javascript 0
M applicare filigrana ad una miniatura PHP 8
W Applicare modello alle pagine con Dreamweaver mx Webdesign e Grafica 0
A applicare logo.psd ad un filmato Webdesign e Grafica 1
A consigli su come applicare maschera costruta con photoshop Photoshop 3
N Applicare stili in asp Classic ASP 1
M Applicare xsl in html Ajax 5
G Come applicare formattazione classe ad un tag già formattato? HTML e CSS 3
I Applicare "involucro" al testo? Flash 0
G [HTML] il browser non legge le texture predefinite HTML e CSS 4
M Sfocare sfondo Photoshop CS6 Photoshop 2
K Sfondo nuovo file Photoshop 0
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
gara1 inserire immagine di sfondo in canvas Javascript 0
A Immagine decentrata con sfondo trasparente Photoshop 0
Y cambiare sfondo di una pagina Javascript 1
L Non riesco a riprodurre uno sfondo Photoshop 0
Y Vorrei selezionare un colore di sfondo per una pagina web Javascript 0
Cosina Cambio colore sfondo al click Javascript 2
R Non riesco a rinnovare l'immagine di sfondo PHP 1
R Non riesco a cambiare l'immagine di sfondo PHP 4
G Modifica immagine di sfondo attraverso un bottone PHP 18
G Fare uno sfondo con il prato e degli alberi Photoshop 0
J Info per copia sfondo Photoshop 2
S Scontorno, cambio sfondo, alone Photoshop 1
N sfondo trasparente photoshop 2019 Photoshop 2
Y Colore sfondo testo Javascript 0
Domenico_Falco1 [Javascript] [HTML] Campi form con sfondo imposto dal browser Javascript 5
L [HTML] problema sfondo tutto schermo con immagine HTML e CSS 1
L [HTML] Problemino con le immagini di sfondo HTML e CSS 4
felino [Wordpress] Immagine di sfondo (sotto il template) WordPress 8
R [HTML] sfondo header HTML e CSS 0
A [HTML] Sfondo responsive - problema specifico HTML e CSS 5
asevenx [HTML]Problemi float e adattamento sfondo HTML e CSS 2
A [Javascript] Impostare immagine sfondo da checkbox, sito web Javascript 1
O Allo scroll cambiare colore di sfondo jQuery 0
V javascript - cambiare immagine di sfondo di un div Javascript 3
P [HTML] Sfondo colorato di un div contenitore di altri due div HTML e CSS 9
R [Flash] Animare un testo con un' immagine sullo sfondo Windows e Software 7

Discussioni simili