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.

You May Also Like

12 kommentarer

Svara

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

Svara

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

Svara

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

Svara

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

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

Svara

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

Svara

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

Svara

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

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

Svara

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

Svara

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

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

Kommentera

Din emailadress kommer inte att publiceras. Obligatoriska uppgifter *

fyra × två =

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