Newsgroup: it.comp.lang.javascript
Titolo: Sfondo sfumato con JS

Ciao ragazzi, vorrei realizzare uno sfondo sfumato da poter applicare
separatamente a diversi elementi di una pagina web(corpo, tabella, cella,
div...)
Potrei chiaramente farlo con una semplice gif sfumata ma siccome il
background dovrò applicarlo ad un sito dal layout fluido, al cambio della
risoluzione, vorrei restassero invariate le proporzioni della sfumatura.
Non so se mi sono spiegato bene. In ogni caso un esempio lo potete trovare
sul sito della microsoft 
http://www.microsoft.it
 , precisamente nelle
tabelle superiore e inferiore.
Dove potrei prendere uno script simile(ho dato un'occhiata al codice del
sito ma non ci ho capito tanto..)?
Grazie.


Ciao,
    scomodare javascript per uno sfondo a parer mio ha poco senso. Basta fare
una piccola jpg o gif con la sfumatura orizzontale alta per esempio 10-20 pixel
e larga 400. Con i css poi basta una regola, per esempio
body{background: #fff url(gradiente.jpg) repeat-y top right}
In realtà non ho capito la questione del layout fluido... cmq se può esserti d' aiuto,
in questi articoli si parla di background con i css:
http://pro.html.it/articoli/id_495/idcat_8/pro.html
http://pro.html.it/articoli/id_496/idcat_8/pro.html
Saluti,
    Alessandro Fulciniti

 In realtà non ho capito la questione del layout fluido
Ciao
Per la storia del layout fluido.. Ho creato un css/layout a 3 colonne che si
estende per tutta la larghezza della pagina, con header e footer. Le due
colonne laterali sono fisse; quella centrale è fluida(varia al variare della
larghezza della finestra).
Lo sfondo lo volevo mettere all'header. Il problema è che per fare in modo
che sia adatto alla maggior parte delle risoluzioni, devo creare un'immagine
di minimo 1280 pixel di larghezza, da fissare tramite css..
Siccome però io non vorrei che alle risoluzioni maggiori la sfumatura cambi,
nel senso che ecceda in un senso o nell'altro(facendo prevalere l'uno o
l'altro colore), e avendo visto su 
http://www.microsoft.it
 che anche
cambiando risoluzione il gradiente non viene modificato, pensavo di trovare
una soluzione alternativa(javascript) al mio 'problema'.
Le soluzioni da te proposte le avevo già lasciate come ultima scelta visto
l'obiettivo che mi sono prefissato.
Grazie comunque per i consigli.
Ciao

 una soluzione alternativa(javascript) al mio 'problema'.
Javascript e' un linguaggio di scripting; non fa "grafica".
Al limite puo' manipolare oggetti grafici, se il browser li mette a
disposizione.
Cio' che hai visto sul sito M$, non e' javascript, ne' html, ne' nulla a
che vedere con il web in quanto estensione proprietaria del browser
Internet Explorer su Windows (IE su Mac non te lo visualizza). Infatti sul
mio Firefox non ho visto il gradiente di cui parli, ad esempio.
Quel gradiente e' stato realizzato usando i visual filters, che si
appoggiano alle DirectX per la realizzazione di alcuni effetti grafici.
-- 
ZER0://coder.gfxer.web-designer/
~ Alcune persone sono ancora vive per il semplice motivo che e'
illegale ucciderle.
on air ~ "Unknown Artist - Track 5"

Ti ringrazio :)
Farň diversamente.
Ciao

 risoluzione, vorrei restassero invariate le proporzioni della sfumatura.
Perché non mettere semplicemente un div in secondo piano
che carica l'immagine con proporzioni al 100%?
E' un po' il sistema classico che si usa per emulare lo sfondo "esteso"...
MaRoK