Para ello he creado 3 script similares los cuales permiten trabajar con imágenes, colores hexadecimales o RGB según la necesidad de cada uno.
El tutorial:
Para imágenes de fondo al azar:
Presiona en el botón para ver el resultado:
Recuerda que el efecto es automático, el botón es para comprobar la efectividad del script.
En ''Diseño | Edición HTML'', deberás buscar el siguiente código:
</head>
Arriba de este pega el siguiente script:
<script type='text/javascript'>Reemplaza los valores con color por las direcciones de las imágenes en cuestión, luego guarda los cambios y listo.
/*Creado por Ayuda Bloggers - Imágenes de fondo*/
onload = function() {
fondoimagen = new Array("imagen1", "imagen2", "imagen3", "imagen4" , "imagen5");
rand = Math.floor(Math.random()*fondoimagen.length);
imagen = fondoimagen[rand];
document.body.style.background = "url("+imagen+") fixed";
}
</script>
Presiona en el botón para ver el resultado:
En ''Diseño | Edición HTML'', deberás buscar el siguiente código:
</head>Arriba de este pega alguno de los siguientes scripts:
Para colores en formato hexadecimal:
<script type='text/javascript'>Para colores en formato RGB:
/*Creado por Ayuda Bloggers - Colores en HEX*/
onload = function() {
fondocolor = new Array("33CC00", "663366", "CC0000", "FF6600" , "CC9900");
rand = Math.floor(Math.random()*fondocolor.length);
color = fondocolor[rand];
document.body.style.background = "#"+color+" ";
}
</script>
<script type='text/javascript'>
/*Creado por Ayuda Bloggers - Colores RGB*/
onload = function() {
fondorgb = new Array("204,153,0", "255,153,0", "0,102,255", "55,255,255" , "153,0,255");
rand = Math.floor(Math.random()*fondorgb.length);
rgb = fondorgb[rand];
document.body.style.background = "rgb("+rgb+")";
}
</script>
Al igual que en primer código de las imágenes, deberás reemplazar los valores destacados. Posteriormente guardas los cambios y listo.
No hay comentarios:
Publicar un comentario