15/11/2007, 05:26
|
 | Moderador extraterrestre | | Fecha de Ingreso: diciembre-2001 Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 23 años Puntos: 61 | |
| Re: Fondo degradado
Caricatos! Yo también me uno a revitalizar viejos hilos!
Necesitaba un degradado para una página y he tomado tu codiguillo de épocas pretéritas y lo he adaptado a lo que quería. Perdona que fuchicara con él. Lo pongo aquí por si a alguien le puede venir bien. Símplemente hace un degradado desde un color inicial y otro final.
Código:
<html>
<head>
<title>
Degradado
</title>
<style>
.fonddo{
padding:0;
margin:0;
position:relative;
float:left;
height:100%;
width:1%;
}
</style>
<script language=javascript>
incremento=[0,0,0];
coloresInicio=[220,200,58];
coloresFinal=[211,98,48];
for(a=0;a<3;a++){
incremento[a]=(coloresFinal[a]-coloresInicio[a])/100;
}
function ini() {
var tabla="";
for (var i = 0; i <= 100; i++){
rgb="";
for(a=0;a<3;a++){
apendice=(a==0)?"":",";
coloresInicio[a]+=incremento[a]
color=parseInt(coloresInicio[a]);
rgb+=apendice;
rgb+=color;
}
tabla += "<div class='fonddo' style='background-color: rgb("+rgb+")'></div>";
}
document.getElementById("fondo").innerHTML = tabla;
}
</script>
</head>
<body style="margin:0" onresize=ini() onload="ini()">
<div id=fondo style="position:absolute; top:0; left:0;height:100%"></div>
<div id=general style="position:absolute; top:0; left:0;">
<div>
</body>
</html>
__________________ Cómo escribir
No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia. |