div con sfumature

[mybox]

ciao ragazzi su un sito wap ho visto dei div che avevano sfumature di diversi colori...
e mi chiedevo come si possono fare....

grazie a chi mi saprà aiutare

[ricman]

Originariamente inviato da mybox
ho visto dei div che avevano sfumature di diversi colori..

Dovresti essere un po' più preciso...
In generale le sfumature si fanno:
- con le immagini di sfondo
- col javascript (reputo questo metodo una grossa perdita di tempo e codice sprecato)

[mybox]

no assolutamente...è un div ke ha in alto rosso al centro bianco e sotto rosso...

tutto in una riga....non è una immagine che non riesco a salvarla....

[Myaku]

si può avere un link?

[mybox]

appena posso carico un screenshot

[mybox]

esempio:
http://wap.methos.co.za/xHTML/index.php

a me piacciono da morire delle sfumature simili

[gengix]

Le sfumature che vedi sono ottenute attraverso delle immagini ripetute.

L'immagine che crea la sfumatura gialla si chiama "boxed_body.gif", ed è un'immagine di 3*100px ripetuta in orizzontale.

Riesci a vederla con firefox utilizzando la proprietà "visulizza immagine di sfondo", essendo molto sottile e di un colore tenue è difficile da individuare ma c'è.

[mybox]

ma quindi per fare un css simile (ho gia salvato le immagini) come potrei fare???il mio attuale css è questo:

body {
background-color: #000000;
font-family : Comic Sans MS;
font-size: small;
margin: 0px;
padding: 2px;
color: #FFFFFF;}
hr {
background-color: #FFFF00;
color: #FFFF00;
border: none;
height: 1px;
}
form {
background: #000;
border : 1px #fff solid;
color: #c0c2d6;
}
p {
padding:0px;
}
input, select {
color: #c0c2d6;
border: 1px ridge #fff;
font-family: Comic Sans MS;
font-weight: bold;
background-color: #000
}
* {
text-decoration:none;
}
img {
border: 0px none;
}
a, a:active, a:visited, a:hover {
color: #FF0000;
}
head {
font-family : Comic Sans MS;
font-size: small;
}
div {
margin: 2px 0px 2px 0px;
padding: 2px 0px 2px 0px;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #FF0000;
text-align: center;
}

per includere quelle come dovrei modificare???

[gengix]

Devi dichiarare nell'elemento a cui vuoi applicare la sfumatura una regola come questa:

background: url("percorso_img") repeat-x;/* la sfumatura procede in orizzontale*/

/*oppure*/

background: url("percorso_img") repeat-y;/* la sfumatura procede in verticale*/

Nella regola puoi inoltre dichiarare un colore di sfondo che verrà applicato alla zona dove non è presenta la sfumatura e le coordinate che determinano la posizione di partenza della sfumatura, di default sono center e top.

Qui sono spiegate nel dettaglio le proprietà dello sfondo:
http://css.html.it/guide/lezione/30/...-dello-sfondo/

[mybox]

a me interessa applicarla ai div...

magari fare div1,div2,div3 con colori diversi....
ma x creare sfumature simili che programma si usa??