2009-11-14
 21:06:07

Vill du ha snöflingor på din blogg?

Gör såhär: Gå in i Design ---> Kodmallar och leta upp </head>
Sen klistrar du in hela den här texten mellan de båda </head>
Spara kodmallen och gör samma sak i alla 4 kodmallarna om du vill att det ska snöa på alla sidor i din blogg.


</head>
<script language="JavaScript">
<!--
Width =800 // ange bredden på sidan som ska snöas in...
Height =600 // 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=20 // max storlek på snöflinga
MinFlake=5 // 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

//färg på snöflingor och tecken som används (asterisk * i exemplet)
document.write("<div id='Obj" + i + "' style='position:absolute; left:0; top:0; visibility:hidden; color:#E5E5E5; font-size:"+StarSize[i]+"'>*</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] > document.body.clientHeight-20||PosX[i] > document.body.clientWidth-20||PosX[i]<0) { // starta om från toppen av sidan när botten nås
PosX[i] = Math.random()*document.body.clientWidth///2
PosY[i] = document.body.scrollTop;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()*MaxStep;
}

document.getElementById("Obj"+i).style.top = PosY[i];
document.getElementById("Obj"+i).style.left = PosX[i]
}
setTimeout("animate()", 50);// hastighet
}

setTimeout("animate()", 1000)
// -->
</script>


</head>


Madde

hej hej:)

Jätte fina snöflingor och jag försökte få in dom i min blogg men får bara upp en vit ruta i vänstra hörnet där det står fel :o vet du vad det är jag har gjort fel? Jätte snällt om du skulle bilja hjälpa mig



PUBLICERAT: 2009-11-25, 11:07:35 | URL: http://madetastic.blogg.se/
Patrik

Helt underbart! :D tacka så mycket! :D



PUBLICERAT: 2009-11-28, 15:06:07 | URL: http://jagputte.blogg.se/
Linda

Surfade runt för att få tag på snöflingor, tack för hjälpen! :) Har bara ett problem nu.. Hur får man dem att gå ända ner på sidan? :/



PUBLICERAT: 2009-12-04, 10:09:04 | URL: http://spjatte.blogg.se/
Lindas viktresa med LCHF

Jag tror att de dalar ner dit sakta men säkert =)



PUBLICERAT: 2009-12-04, 12:29:39 | URL: http://lindabireseveriksson.blogg.se/
Mamma på vift

Tack så jättemycket för de fina flingorna:)



PUBLICERAT: 2009-12-22, 19:52:57 | URL: http://ettnyttliv.blogg.se/vardagskat/
svar:

tack så mycket, fattade precics!



PUBLICERAT: 2009-12-22, 22:48:35 | URL: http://ehhma.blogg.se/
emma

(skulle inte stå "svar" i namnet. blev fel)



PUBLICERAT: 2009-12-22, 22:49:10 | URL: http://ehhma.blogg.se/
Anonym

TAck det var ju super enkelt!!


Madde

Tack! äntligen nåt som funkar! :D <3


emelie

det funkar inte hur gör man



PUBLICERAT: 2010-12-09, 18:37:39 | URL: http://emelaie.blogg.se/
Hanna

Oj, tack då fattar jag hur man gör, men...

jag vill ju ta bort snöflingorna sen oxå, och det blir väl väldigt svårt eftersom det är så många koder man klistrar in överallt :s



PUBLICERAT: 2010-12-16, 13:05:23 | URL: http://pussbuss.blogg.se/
Nathalie

vad gör jag om jag inte hittar "</head> ?

tack på förhand :)



PUBLICERAT: 2010-12-20, 04:21:58 | URL: http://soewp.blogg.se/
Bebislängtan Linda

Hanna; Ett tips är att kopiera din stilmall och klistra in den i ett tomt worddokument, då kan du bara radera den du har med snöflingor och klistra in den tidigare verisionen =)



PUBLICERAT: 2010-12-20, 13:56:04 | URL: http://lindabireseveriksson.blogg.se/bebislangtan
Lindas viktresa med LCHF

Nathalie: Har du blogg.se? Om du inte har det så vet jag inte hur man gör. Jag är en rktig amatör på stilmallar och koder.



PUBLICERAT: 2010-12-20, 13:57:27 | URL: http://lindabireseveriksson.blogg.se/bebislangtan

KOMMENTERA DETTA INLÄGG:

« NAMN Spara info?

« E-POST (publiceras ej)

« URL

Kommentar:


#copyright { background:#ffffff; padding-bottom:5px; padding-top:5px; font-family:tahoma; font-size:10px; text-align:center; color:#A1A1A1; }