Fallande snö, hjärtan...på din blogg
Ska förklara hur ni klistrar in koden men även hur ni ändrar hastighet, antal symboler som syns och färg.
1. Kopiera denna koden:
<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 =25; // 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:#fff; 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>
2. Klistra in koden i din kodmall mellan <head> och </head> och spara.
För att ändra till annan symbol och färg gör du det här:
För att ändra antal symboler, hur stora dom ska vara, gör du det här:
Några symboler du kan kopiera och klistra in:
♥ ❤ ❤ ❦
★ ☆ ✰ ✭ ✰ ✳ ❅ ☃
♩ ♪ ♫ ♬
ska vi följa varandra via bloglovin? :)
nej ja följer dig fortfarande! :) jag är bara ute och kikar på vilka som följer mig som jag följer :)
Snygg blogg!! Tack för hjälpen :)
Finns det fler ikoner som man kan använda som ''regn''?
vart ska man klistra in koden?
Gå in i kodmallen och klistra in efter <head>
Gör detta även på de andra sidorna, inläggsida etc
ska man ta bort : //ange bredden på sidan som ska snöas in,//antal snöflingor ETC....
Tack. tipset funkar jätte bra (a)
tack så jättemkt! nu är min blogg mkt finare <3 :)
Hej C:
Hur gör man för att få hjärtan istället för snöflingor?
Asså, vart klistar man in figurerna?
Tacksam för svar! :D
Btw: svara på min blogg, kommer glömma bort att kolla här, haha!
jag klistrade in med det blev inga figurer utan någon konstig text .. och min design försvann ..
snälla svara så fort du kan
Funkar det här på blogspot?
Tack för tipset, men istället för snö kan det falla hjärtan eller något annat ?
Tacksam för svar. svara gärna svar på min blogg.
hej jag hittar inte vart det står <head> på redigera stilmall ? :O
svara gärna på bloggen :)
T a ck :D
så galeet mycke ;D
Hej jag undrr bara finns det något som man kan göra så det snöar på hela sidan och inte bara högst uppe? skulle vra jätte rba för svar och svara gärna på min blogg för jag har lite svårt att se denna sidan tack så mycket i för hand kram becka
Taaaack så mycket för tipset/hjälpen!
Har letat efter det hära skit länge..
TACK TACK TACK, DU ANAR INTE HUR GLAD JA E ! :D
Funkar inte...
Vad ska jag göra ?
Hej jag undrar om det går att göra det på bloggplatsen.se o hur?? (:
