Folk har frågat mig hur jag kan ha fallande snö på min blogg och jag har ett snö-plugin till wordpress som har fixat allting automatiskt.

Detta script fungerar till blogg.se och webblogg.se.

  1. Kopiera den kod du vill ha här under.
  2. Klistra in koden i Design > Kodmallar under taggen <head> (nästan längst upp i kodmallen).
    (Vill du ha snö på alla sidor får du lägga in koden i alla kodmallar; category page, archive page & entry page)
  3. Spara.. och det är klart!

.
.

EXEMPEL MED *

.

EXEMPEL MED •

.
.

Koden med * som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>*</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.

Koden med • som flingor:

<script type="text/javascript">

Width =1000; // ange bredden på sidan som ska snöas in...

Height =2000; // ange höjden på sidan som ska snöas in...

Count =50; // antal snöflingor OBS! ange inte för stort antal!

MaxStep=3; // max steg i rörelsen

MinStep=1; // min steg i rörelsen

MaxFlake=10; // max storlek på snöflinga

MinFlake=4; // min storlek på snöflinga

PosX = new Array();

PosY = new Array();

StepX = new Array();

StepY = new Array();

StarSize=new Array();

for (i = 0; i < Count; i++) {

PosX[i] = Math.random()*Width;

PosY[i] = Math.random()*Height;

StepX[i] =MinStep+Math.random()* -MaxStep;

StepY[i] =MinStep+Math.random()* MaxStep;

StarSize[i]=MinFlake+Math.random() * MaxFlake;

document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#f0feff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");

}

function animate() {

for (i = 0; i < Count; i++) {

PosY[i] += StepY[i];

PosX[i] += StepX[i];

document.getElementById("Obj"+i).style.visibility = "visible";

if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås

PosX[i] = Math.random()*Width; ///2

PosY[i] = -20;

StepX[i] = MinStep+Math.random()* -MaxStep;

StepY[i] = MinStep+Math.random()* MaxStep;

}

document.getElementById("Obj"+i).style.top = PosY[i] + "px";

document.getElementById("Obj"+i).style.left = PosX[i] + "px";

}

setTimeout("animate()", 50);// hastighet

}

setTimeout("animate()", 1000);

</script>

.
Har du något annat script (högerklicksskydd osv.) aktivt finns det risk att det inte fungerar.

12 kommentarer

Eline 17 november, 2010 - 08:00

Tack så jätte mkt!:D
Nu har jag snö på min blogg och det vart jätte fin!
stoort tack:D

Ida 27 november, 2010 - 10:49

Tack, äntligen en snökod som fungerar! 🙂

dina - [ fotoblogg ] 27 november, 2010 - 14:48

jag har högerklicksskydd, och det fungerade!
tack så mycket! 😀

sabina 29 november, 2010 - 09:17

vet du hur man gör för att få flingorna att fortsätta snöa när dom har hamnat längst ner?
så scriptet fortsätter liksom 🙂

Lilitha 30 november, 2010 - 13:43

O så vacker det blev med lite fallande snö. Tack för att du delar med dig av din kunskap. Kram Lilitha

Mucgaela 3 december, 2010 - 22:04

Jag fattar inte vad du menar, starta om från toppen när du når mitten nått ? Snälla hjälp “/

Ana 8 december, 2010 - 12:33

Hej, det fungera men vi har inte samma sorts flingor?

Molly 8 december, 2010 - 13:05

Ana: Vem har inte samma sorts flingor? Du kan byta flinga i scriptet.
Läs om det här: http://www.bloggfraga.se/Molkan

Jag använder mig inte av detta då jag använder Wordpress och har ett plugin som fixar min snö automatiskt.

alexandra "agapi" ♥ 9 december, 2010 - 06:08

tack så mycket ! 🙂
vad fin blogg du har ! 😀
kram, A.

Lollo 17 december, 2010 - 18:23

Tack för tipset, nu snöar det även på min blogg.
Tack från Lollo

Frida 22 december, 2010 - 23:13

Jag vill bara ha snön fallande över headern, men när jag ställer in koderna “rätt” (uppenbarligen fel…) så hamnar snön bara på vänster sida. Hur gör man för att fortfarande ha det över hela? 🙂

josefin 30 januari, 2011 - 10:59

SV: Tacck så mkt !
Det funkade jättebra !
Tack/Josefin

Kommentarer är avstängda.

Du kanske också gillar

Vi använder cookies för att förbättra din upplevelse. Vi hoppas att det är okej, annars kan du skippa det. Acceptera Läs mer