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
0

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

Svara
Ida 27 november, 2010 - 10:49

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

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

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

Svara
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 🙂

Svara
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

Svara
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 ”/

Svara
Ana 8 december, 2010 - 12:33

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

Svara
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.

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

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

Svara
Lollo 17 december, 2010 - 18:23

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

Svara
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? 🙂

Svara
josefin 30 januari, 2011 - 10:59

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

Svara

Skriv en kommentar

10 − 6 =

*Genom att kommentera detta inlägg accepterar du att dina uppgifter sparas och hanteras av molkan.se.

Denna webbplats använder Akismet för att minska skräppost. Lär dig hur din kommentardata bearbetas.

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

Cookie policy