Sfondo con stile sfumato

venerdì 16 marzo 2012 - 16.47
Tag Elenco Tags  VB.NET  |  .NET 2.0  |  Windows XP  |  Internet explorer 8.0  |  Javascript  |  CSS 2.1  |  CSS 3.0  |  HTML 4.01  |  XHTML 1.0

basicdany Profilo | Expert

Ciao, a tutti sto realizzando un sito web e utilizzo expression web 4
in modo da usare parti di codice asp e html, uso dei stili per colorare sfondo, mi serve sfumare il colore, quindi da blu scuro in alto a blu chiaro quasi sul bianco a finire sotto, come posso fare questo visto nel foglio
di stile posso impostare il colore.

grazie e ben ritrovati a tutti

un saluto ad alex che in passato mi ha salvato la vita su asp!!!

alexmed Profilo | Guru

>Ciao, a tutti sto realizzando un sito web e utilizzo expression
>web 4
>in modo da usare parti di codice asp e html, uso dei stili per
>colorare sfondo, mi serve sfumare il colore, quindi da blu scuro
>in alto a blu chiaro quasi sul bianco a finire sotto, come posso
>fare questo visto nel foglio
>di stile posso impostare il colore.
>
>grazie e ben ritrovati a tutti
>
>un saluto ad alex che in passato mi ha salvato la vita su asp!!!

Ciao Dany, come và?
Per sfumare uno sfondo senza usare immagini puoi utilizzare questa semplice regola css che dovrebbe funzionare con i principali browser:

.sfumato
{
background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ccc, #000); /* for firefox 3.6+ */
}

Ciao
alexmed

basicdany Profilo | Expert

Ciao, alex ben ritrovati, il codice che mi hai passato lo inserisco nella master page o nel foglio di stile?

grazie ciao

alexmed Profilo | Guru

Nel foglio di stile.
Nella master aggiungi il riferimento al foglio di stile in modo da avere la classe disponibile in tutte le pagine.

Ciao
alexmed

basicdany Profilo | Expert

ciao alex, ho inserito nel foglio di stile :

{
background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top, #ccc, #000); /* for firefox 3.6+ */
}

mi da errore alla sintassi: filter, dice sintassi non supportata

nella master page ho gia il richiamo al foglio di stile cosi:

<link href="styles/style1.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />

<style type="text/css">
.auto-style1 {
text-align: center;
font-family: Verdana;
font-size: x-large;
}
.auto-style2 {
color: #FF0000;
}
.auto-style4 {
text-align: center;
}
.auto-style6 {
margin-left: 10px;
}
</style>


grazie tanto ciao

alexmed Profilo | Guru

Ciao,
Il fatto che ti dia errore non importa.
L'importante è che funzioni.


alexmed
Partecipa anche tu! Registrati!
Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !
Copyright © dotNetHell.it 2002-2017
Running on Windows Server 2008 R2 Standard, SQL Server 2012 & ASP.NET 3.5