Respuesta : difuminar fondo sw pagina

#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

Responder a este mensaje

#2 rameltete

14/01/2005 - 21:16 | 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>

"Flanagan" escribió en el 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

Responder a este mensaje

#3 Flanagan

21/01/2005 - 15:43 | Informe spam

Hola, primero de todo muchas gracias por el codigo,
en segundo lugar solo una cosa, no me hace nada, lo he copiado para ver que
hacia y no he visto nada, crea una tabla sin importancia, pero no veo lo de
los colores.
de todas formas muchas gracias, aun que si me puedes resolver eso seria
mucho mejor.
un saludo

"rameltete" escribió en el mensaje
news:eA7HwUn%

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
>
>

Siga el debate Respuesta

Responder a este mensaje

Ads by Google

difuminar fondo sw pagina

Preguntas similare

Leer las respuestas