© SHE IS NEA - häst&foto -

Lägg in snö på din blogg!

Nu har det börjat snöa även på bloggen! Ska försöka knåpa ihop nån vintrigare design snart också, passar inte riktigt med löv längre ;)
Jag tänkte i alla fall visa er hur man lägger in snö på bloggen, busenkelt!

Kopiera den här koden. (enklast att högerklicka i rutan och välja markera allt)

<script type="text/javascript">

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

Height =7000; // 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>

Sen går du in på kodmallar, och lägger in koden efter <head>. Glöm inte att lägga in på arkivsida, kategorisida osv (det gröna i bilden), du gör precis likadant där :)

2010-11-23 @ 18:38:09 Tips&Trix Permalink

Postat av: jasmine

Tack så mycket.

Tycks om min blogg?

2010-12-06 @ 18:42:14
URL: http://missjasminee.blogg.se/

Postat av: Nikki

Hej hej

Fin blogg du har.

Undrar lite om du använder word press o om "snön" kan funka där med.

Skulle sååååå gärna vilja ha den.

Mvh

Nikki

2010-12-16 @ 15:41:16
URL: http://www.nikki666.se

Postat av: ANGELICAAAHHHHHHHH

Tack så jätte mycket! Det funkade!! :) <33

2012-02-28 @ 22:04:00
URL: http://rexobelle.blogg.se/

Postat av: ELLEN

det funkar inte för mig

2013-12-14 @ 12:56:30
URL: http://ellenwellerfors.blogg.se

Trackback