lunes, 2 de agosto de 2010

Fondo en movimiento con javascript

Ir a Diseño, Edición de HTML y justo abajo de <body>

Poner el siguiente código:
<script type='text/javascript'>
//<![CDATA[
var backgroundPosition = 0;

function scrollBackground()
{
backgroundPosition++;
if (backgroundPosition > 9000)
backgroundPosition = 1;

document.body.style.backgroundPosition = "0px " + backgroundPosition.toString() + "px";
window.setTimeout("scrollBackground()", 5); // Velocidad: mayor es mas lento
}

document.body.style.backgroundImage = "url(http://wallpaper.wallpedia.org/wallpapers/12/Black_desert.jpg)";

scrollBackground();
//]]>
</script>

Ajustar la velocidad y cambiar el link de la imagen.

Ver ejemplo:

Otra opción es mostrar una imagen mas chica.

Ver ejemplo:

También se puede mostrar distintos fondos, uno para todo el blog, menos en las entradas y otro para las entradas, cómo en el ejemplo del blog de prueba.

Se hace utilizando condicionales.

Repetimos el código y le cambiamos la imagen.
<b:if cond='data:blog.pageType != &quot;item&quot;'>

Acá va el código para mostrar en todo el blog, menos en las entradas.

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

Acá va el código para mostrar solo en las entradas.

</b:if>

No hay comentarios:

Publicar un comentario