DECORACION DE HALLOWEEN PARA TU BLOG Y DOS POSTALES GRATIS

    ¡¡Quedan tan sólo dos días para Halloween y ya estamos casi listos para la fiesta!! Tenemos a nuestra muñeca Catrina vigilandonos desde una estantería del salón (o estamos creándo nuestra propia Catrina con el tutorial que puedes encontrar pinchando aquí). Tenemos nuestra corona de Halloween lista para colgar en la puerta (o podemos hacernos una con el tutorial que encontrarás aquí). Y tenemos un montón de ideas inspiradoras que puedes repasar pinchando aquí. Peeeero... aún nos falta un detallito: ¡¡decorar nuestro blog para Halloween!! Y por si no tienes blog, o simplemente te apetece, te dejo dos tarjetas postales para felicitar Halloween a quien tú quieras.


    Empezamos con la decoración del blog poniendo una tela de araña en una esquinita. Para ello necesitamos una imagen de tela de araña transparente como esta de aquí:



     Y ahora vamos a DISEÑO DEL BLOG>>AÑADIR UN GADGET>>HTML/JAVASCRIPT y ahí copiamos este código:

<a ><img src="http://i57.tinypic.com/4zyd05.png"/></a>

    La parte remarcada en rosa es la url de nuestra imagen. La azul indica que estará colocada arriba de todo de nuestro blog y la verde que estará a la derecha. Podemos variar estos valores por bottom (abajo) o left (izquierda) en función de dónde queramos colocar la imagen. 0px indica la distancia a la que está colocada: top:380px indica que está a 380 px de la parte de arriba, si queremos bajarla un poco aumentamos ese valor hasta situarla donde queramos. Lo mismo para right:0px.    Lo siguiente que vamos a hacer es darle vidilla a nuestro cursor, y para ello vamos a cambiar la flechita por una araña muy maja (también tiene que tener el fondo transparente). He hecho dos, una negra como la de la tela de araña y otra color mostaza:





    Igual que con la tela de araña vamos a  DISEÑO DEL BLOG>>AÑADIR UN GADGET>>HTML/JAVASCRIPT y ahí copiamos este código si queremos la araña negra:
<style type="text/css">body, a, a:hover {cursor: url(http://i57.tinypic.com/jhuibb.png), progress;}</style>

    o este otro si queremos la color mostaza:
<style type="text/css">body, a, a:hover {cursor: url(http://i60.tinypic.com/123kvgz.png), progress;}</style>

    Y ahora vamos a poner una brujita voladora atravesando nuestra pantalla, podemos hacerlo con una imagen transparente.


    O, para que tenga más movimiento podemos poner una imagen animada (gif) yo he hecho esta:



     Lo mismo, vamos a  DISEÑO DEL BLOG>>AÑADIR UN GADGET>>HTML/JAVASCRIPT y ahí copiamos este código:
<marquee direction="right" scrolldelay="150" ><img src="http://i57.tinypic.com/x2m3xh.gif" /></marquee>

    Directiones la dirección en la que avanza nuestra imagen (right, left, up, down), scrolldelay es la velocidad a la que se mueve, bottom:10px;left:0pxindica dónde se coloca la imagen (en este caso en la parte inferior del blog pero no pegando y a la izquierda), width:100% nos dice que la imagen atraviesa toda la pantalla, la parte en rosaes la url de la imagen y el siguiente width el tamaño de la misma.

    Y ya sólo nos faltan unos fantasmas flotando por el blog asustando a nuestras visitas. Igual que la bruja pueden ser imágenes transparentes estáticas o animadas (gif). Yo he creado dos gif pero os dejo las imágenes estáticas también:









    Y para colocar a nuestros fantasmas vamos a    PLANTILLA>>EDITAR HTML>>CTRL+F y buscamos /head, justo antes vamos a pegar el siguiente código:

<script type="text/javascript"> //<![CDATA[

**********************************************

* Script original de Virtual_Max

* Adaptado por ciudadblogger.com

**********************************************

var vmin=2;

var vmax=5;

var vr=2;

var timer1;

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function Chip(chipname,width,height){

this.named=chipname;

this.vx=vmin+vmax*Math.random();

this.vy=vmin+vmax*Math.random();

this.w=width+20;

this.h=height;

this.xx=0;

this.yy=0;

this.timer1=null;

}

function movechip(chipname){

if (document.getElementById){

eval("chip="+chipname);

if (window.innerWidth || window.opera){

pageX=window.pageXOffset;

pageW=window.innerWidth-40;

pageY=window.pageYOffset;

pageH=window.innerHeight-20;

}

else if (document.body){

pageX=iecompattest().scrollLeft;

pageW=iecompattest().offsetWidth-40;

pageY=iecompattest().scrollTop;

pageH=iecompattest().offsetHeight-20;

}

chip.xx=chip.xx+chip.vx;

chip.yy=chip.yy+chip.vy;

chip.vx+=vr*(Math.random()-0.5);

chip.vy+=vr*(Math.random()-0.5);

if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;

if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;

if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;

if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;

if(chip.xx<=pageX){

chip.xx=pageX;

chip.vx=vmin+vmax*Math.random();

}

if(chip.xx>=pageX+pageW-chip.w){

chip.xx=pageX+pageW-chip.w;

chip.vx=-vmin-vmax*Math.random();

}

if(chip.yy<=pageY)

{chip.yy=pageY;

chip.vy=vmin+vmax*Math.random();

}

if(chip.yy>=pageY+pageH-chip.h)

{chip.yy=pageY+pageH-chip.h;

chip.vy=-vmin-vmax*Math.random();

}

document.getElementById(chip.named).style.left=chip.xx+"px";

document.getElementById(chip.named).style.top=chip.yy+"px";

chip.timer1=setTimeout("movechip(""+chip.named+"")",100);

}

}

function pagestart(){

fantasma1=new Chip("fantasma1",147,168);

fantasma2=new Chip("fantasma2",47,68);

movechip("fantasma1");

movechip("fantasma2");

}

if (window.addEventListener)

window.addEventListener("load", pagestart, false)

else if (window.attachEvent)

window.attachEvent("onload", pagestart)

else if (document.getElementById)

window.onload=pagestart

//]]>
</script>

 

    La parte de código amarillo no es necesario en todas las plantillas, sólo en las que no tengan esas dos líneas.    Y antes de /body pegamos este otro código:

<div id="fantasma1" >

<img border="0" src="http://i62.tinypic.com/k3ksgz.gif"/></div>

<div id="fantasma2" >

<img border="0" src="http://i59.tinypic.com/jzvcqo.gif"/></div>

    (Este código es original de Virtual_Max y lo encontré en este foro, no me funcionaba ni a la de tres hasta que encontré una adaptación de ciudadblogger que con un par de retoques me ha venido estupendamente.)
    Ya tenemos nuestro blog decorado para halloween, con un estilo muy cuqui / kawaii eso sí. IMPORTANTE: apuntad bien todo lo que hemos añadido para poder quitarlo después y haced copia de seguridad de la plantilla del blog antes de modificarla.
     Y ahora sí, mi regalo de Halloween, estas dos postales (¿para ser las primeras que hago no están mal no?) para felicitaros a vosotr@s y que feliciteis a todo el mundo. Para descargarlas sólo tenéis que pinchar sobre ellas con el botón derecho del ratón y guardar la imagen. Las fuentes las he sacado de esta página y algunos de los dibujos con dingbats que he sacado de esta otra.




Feliz Halloween.


Fuente: este post proviene de Mientras cuchufleta duerme, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Modificado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Diez años ya. Y parece que fue ayer cuando llegó a nuestras vidas tan mullidito, tan confortable, tan silencioso. Aunque le hayamos cogido mucho cariño toca ya cambiar de colchón, así que la semana pa ...

Recomendamos

Relacionado

general diy frebbies ...

Seguimos con ideas para celebrar #Halloween , esta vez os traemos unos fondos GRATUITOS para que hagáis wrappers , las cápsulas de los cupcakes o simplemente como fondo para decorar .. Hay muchas calabazas que podemos usar durante todo el Otoño , pero también fantasmas , brujitas y hasta calaveras mexicanas.. Hace ya un tiempo os dejaba la plantilla para que hicieseis vuestros propios wrappers y ...

costura ideas diy manualidades ...

Hola guapis! A mi me mola Halloween muchísimo, no es por razones religiosas simplemente me encanta disfrazarme un dia, desplazarme en un personaje y sentirme como una niña! Y también el mundo de terror también me gusta mucho! Por eso he abierto una nueva serie en mi canal de Youtube donde podéis ver DIYS de decoración de Halloween, disfraces y maquillaje! El disfraz de araña es uno de los más uti ...

ideas diy objetos decorativos halloween ...

Hola guapis! El dia de hoy estaremos hablando de cuales son las mejores decoraciones de Halloween, a mi me mola Halloween muchísimo, no es por razones religiosas simplemente me encanta disfrazarme un dia, desplazarme en un personaje y sentirme como una niña! Y también el mundo de terror también me gusto mucho! Por eso he abierto una nueva serie en mi canal de Youtube donde podeis ver DIYS de deco ...

scrapbooking tarjeta halloween ...
Scrapbooking: Tarjeta de Halloween gratis para imprimir / Free printable Halloween card

Tarjeta Halloween imprimible Scroll down for english version ¡Buenos días! Si aún no tenéis vuestras tarjetas para Halloween no os preocupéis, podéis descargar gratuitamente la felicitación que he diseñado con sólo cliquear sobre este enlace. Espero que os sea útil. Puede que también os interesen las invitaciones descargables para una fiesta de Halloween que diseñé. Cliquea aquí para verlas. ¿Q ...

manualidades niños Sin categoría

En la Acogida Temprana del centro educativo donde trabajo, tuvimos la semana de manualidades para Halloween, unas arañas con sus telas hechas con cartón. Se hicieron en varias sesiones y el resultado fue fantástico. Del taller que hicimos, para darle la bienvenida al otoño, en el que se crearon unos aros con hojas secas, sobraron aros y los utilizamos para hacer la tela de la araña para Halloween. ...

ideas diy objetos decorativos halloween ...

Hola todos y todas ! A mi me mola Halloween muchísimo, no es por razones religiosas simplemente me encanta disfrazarme un dia, desplazarme en un personaje y sentirme como una niña! Y también el mundo de terror también me gusta mucho! Por eso he abierto una nueva serie en mi canal de Youtube donde podeis ver DIYS de decoración de halloween, disfraces y maquillaje! Hoy en mi tercer capitulo de la ...

regalos en halloween regalos para halloween halloween ...

Ya se acerca el día de Halloween y más de una persona va a realizar su fiestecita en casa. Ya tienen la comida, las bebidas la decoración, los regalitos... Los Regalitos?! O no! No hay aún los regalitos! :O! Calma! Que no cunda el pánico! Este artículo es una recopilación de 5 ideas lindas con materiales accesibles y de bajo costo, para que crees regalitos sencillos para tus invitado o amigos alus ...

Manualidades en foami Decoración Halloween ...

Frankentein- moldes para hacer adornos de todo tipo Hola chicas, para esta temporada de halloween quise hacer algo diferente, en la unidad donde vivo ya empezaron algunos vecinos a decorar sus puertas y ventanas con la temática de halloween o para día de muertos, uno de mis vecinos puso un ataúd de papel en su puerta, pero luego lo cambio por una calabaza con sombrero de brujita, y yo quise hacer ...

diy diy para halloween en dos minutos halloween ...
DIY PARA #HALLOWEEN EN DOS MINUTOS: UNA ARAÑA DIVERTIDA

Vamos a pasar un rato entretenido realizando una araña divertida para Halloween. No debemos de olvidar que esta es una fiesta creada para pasarlo bien, en la que principalmente los niños disfrutan con monstruos simpáticos, disfraces y chuches. Ya tenemos a las momias, los fantasmas y vampiros, llega la hora de la araña..........ahh!! Como las manualidades anteriores, se trata de crear un rincón ...