# Vinterkod - fallande snö
Author: monstermash

Nu när advent närmar sig är det dags att börja julpynta bloggen. Det vanligaste är juliga designer och headers, och att färgerna på bloggen går i rött och vitt. I denna artikeln kommer ni att få olika koder att klistra in på era bloggar, för att få den att se mer julig ut.

**Vill du ändra färger på bloggen så de blir mer juliga** så är det denna kod du ska leta efter; <font color="#färgkoden">din text</font> Denna koden fungerar även att klistra in i själva inlägget, genom att välja "ändra redigerare".  
Röda nyanser:  
#FF6633  
#FF6600  
#FF3333  
#FF3300  
#FF0033  
#FF0000  
#CC0033  
#CC0000  
  
Vitt:  
#FFFFFF

**Fallande snö i bloggen:**  
Ska placeras i varje kodmall, efter "<head>" men före "</head>"  
<script type="text/javascript">

Width =1200; // (Här anger du bredden på sidan där snön ska falla)  
  
Height =7000; // (Höjden på sidan där snön ska falla)

Count =50; // (antal snöflingor)

MaxStep=3; // (hur snabbt ska de falla?)  
  
MinStep=1; // (hur långsamt ska de falla?)

MaxFlake=10; // (max storlek på snöflingorna?)

MinFlake=4; //  (minsta storlek på snöflingorna?)  
  
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>  
  
Kom ihåg att du måste klistra in koden på alla stilmallar om du vill att de ska synas på alla sidor på din blogg! _Koden är testad på blogg.se - övriga bloggportaler vet jag inte om den fungerar på._

## Comment 1
Author: Magisk

Tack så mycket 🙂

## Comment 2
Author: Jess89

Kanon bra tips inför julen. 👍

## Comment 3
Author: beem

Gäller detta oavsett bloggplattform ?

## Comment 4
Author: monstermash

#3 - Citerar #0 "_Koden är testad på blogg.se - övriga bloggportaler vet jag inte om den fungerar på."_

## Comment 5
Author: beem

#4 Åh det missade jag. Tack för ditt svar.

## Comment 6
Author: monstermash

Men om någon testar på andra bloggportaler så uppskattar jag om ni berättar om det fungerar eller inte. Jag _tror_ dock den fungerar på olika bloggportaler. =)

## Comment 7
Author: monstermash

Puttar upp denna!

## Comment 8
Author: Mollypierce

Vars hittar man de olika stilmallarna?

## Comment 9
Author: Fridaaaa

#8 På blogg.se: design --> Redigera HTML 🙂

## Comment 10
Author: Mollypierce

Det fattar jag fast jag hittar inte de olika sakerna.

Det står bara, stilmalla, kategorisida, inläggssida osv.. Är det på de som man klistrar in koden på?

## Comment 11
Author: Fridaaaa

#10 Ja det är det 🙂
