96
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.
- Kopiera den kod du vill ha här under.
- 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) - 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
Tack så jätte mkt!:D
Nu har jag snö på min blogg och det vart jätte fin!
stoort tack:D
Tack, äntligen en snökod som fungerar! 🙂
jag har högerklicksskydd, och det fungerade!
tack så mycket! 😀
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 🙂
O så vacker det blev med lite fallande snö. Tack för att du delar med dig av din kunskap. Kram Lilitha
Jag fattar inte vad du menar, starta om från toppen när du når mitten nått ? Snälla hjälp “/
Hej, det fungera men vi har inte samma sorts flingor?
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.
tack så mycket ! 🙂
vad fin blogg du har ! 😀
kram, A.
Tack för tipset, nu snöar det även på min blogg.
Tack från Lollo
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? 🙂
SV: Tacck så mkt !
Det funkade jättebra !
Tack/Josefin
Kommentarer är avstängda.