difuminar fondo sw pagina

13/01/2005 - 11:29 por Flanagan | Informe spam
Pues necesitaria difuminar el fondo de mi pagina web entre dos colores
establecidos (verde y rojo), que empezara verde y fuera difuminando hasta el
rojo.
Estoy haciendo la pagina en ASP.NET, con el visual Studio, aun que si lo
sabeis hacer en codigo HTML ya me apañaria.

Muchas gracias de antemano
 

Leer las respuestas

#1 rameltete
13/01/2005 - 20:19 | Informe spam
130. Fondo degradado
P .- Como puedo poner un fondo degradado en una página.

R .- Poniendo mediante un script que en primer lugar averigue las
dimensiones de la página, y luego inserte en una capa vacía una tabla vacía
pero con el fondo de cada celda con distinto color.
Los tamaños de las celdas, se calculan a partir de los datos del tamaño de
la página, y los colores se generan dinámicamente.

Ejemplo:



PHP:
<html>
<head>
<title>
Degradado
</title>
<script language=javascript>
function color(n) {
return "0123456789ABCDEF".charAt(parseInt(n / 16)) +
"0123456789ABCDEF".charAt(parseInt(n % 16));
}

function ini() {
var elFondo = document.getElementById("fondo").style;
var ancho = document.body.clientWidth;
var alto = document.body.clientHeight;
elFondo.width = ancho;
elFondo.height = alto;
var altoCelda = alto / 256;
var tabla = "<table cellpadding=0 cellspacing=0 width0%
height0%>";
for (var i = 255; i >= 0; i --)
tabla += "<tr><td width0% height=" + altoCelda + "
style='background-color: #FF" + color(i) + "00' ></td></tr>"
tabla += "</table>";
document.getElementById("fondo").innerHTML = tabla;
}
</script>
</head>
<body style="margin:0" onresize=ini() onload="ini()">
<div style="position: relative">
<div id=fondo style="position:absolute; top:0; left:0;"></div>
<div id=general style="position:absolute; top:0; left:0;">
<table border=1>
<tr>
<td >
Tabla sin importancia
</td></tr></table>
<div>
</div>
</body>
</html>
mensaje news:%23v8ZxpV%
Pues necesitaria difuminar el fondo de mi pagina web entre dos colores
establecidos (verde y rojo), que empezara verde y fuera difuminando hasta


el
rojo.
Estoy haciendo la pagina en ASP.NET, con el visual Studio, aun que si lo
sabeis hacer en codigo HTML ya me apañaria.

Muchas gracias de antemano


Preguntas similares