Pretty baby spin-doktorer http://1apotekonline.com/cialis/ sterling sølv pille kasse
5020 0 37
Utseende på menyn
Lägg in snö på din blogg (variant 2)

Lägg in snö på din blogg (variant 2)

Om man vill skapa lite julstämning på sin blogg, så kan man lägga in lite snöflingor som dalar ner över bloggen.

Det här är faktiskt väldigt lätt att göra, och kräver inte så mycket jobb.

Vill du se ett exempel på hur det ser ut, så kan du kika här: [Länk]

Gör så här:

1. Gå in i dina kodmallar.

2. Kopiera koden som är i rutan nedanför:

<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>

3. Leta upp </head> och lägg in koden ovanför den raden.

Svårare än så är det inte.

Grundare av Designa Din Blogg. Drev den här sidan som ett hobbyprojekt under åtta år, numera har jag lämnat över ansvaret för DDB. Är pappa till Ludvig och make till Elin.

Läs mina andra inlägg

37 comments

    1. SvaraHedda

      Jo på denna del av koden:

      color:#fff; font-weight:normal; font-family:Verdana; font-size:”+StarSize[i]+”pt’>•”); }

      Kan du se den lilla pricken mellan pt’> </div ?
      Den kan du byta ut mot ett ord, eller ett  hjärta om du vill. Vad som helst! ^^
      Sen finns det kanske bättre sätt, men på det sättet gör jag. 😀 

  5. SvaraMammabellaa

    Jag testade både denna och den andra varianten av att det skulle snöa men inget funkade så till slut tog jag ”fallande löv” istället och den länken man skulle klistra in där istället för det med löv gjorde jag en .png bild (transperant av snö) och klistrade in det! Ett tips till er som vill ha snö sen! 🙂

  8. Svaraemelie

    Det funkar inte på blogg.se,är det kanske för att jag la till texten som man skulle kopiera på både framsida,inläggsida,arkvivsida..? Tacksam för svar!

    1. Svaranathalie

      jag har också blogg.se och det funkade inte för mig fast jag bara tog på framsidan, så jag prövade att ta på alla andra också men det funkade ändå inte ;s

  10. Svarafanny

    det funkar inte för mig! men det kanske inte funkar i safari? 
    och jag har en fråga till. kan inte du skriva ett inlägg hur man gör så sidan med kategorierna blir lössläppta från själva inläggssidan? Det skulle vara väldigt användbart 🙂

  11. SvaraMawe

    Hej . Hur får jag snöflingorna att fortsätta falla? Jag har använt mig av detta som hon här pratar om:

    ”Jag testade både denna och den andra varianten av att det skulle snöa men inget funkade så till slut tog jag ”fallande löv” istället och den länken man skulle klistra in där istället för det med löv gjorde jag en .png bild (transperant av snö) och klistrade in det! Ett tips till er som vill ha snö sen! 🙂
    Svara ”

    Mina snöflingor fortsätter bara att falla neråt, men jag vill att de ska tyna bort och börja om från början igen. Hjälp? 🙂

    /Mawe

    1. SvaraLinn

      klista in denna koden på framsida, arkivsida, kategorisida och inläggssida så får du fallande snö, ( klista in det under body)

      &lt;marquee behavior=scroll direction=down scrollamount=6 scrolldelay=50 height=632 style='position:absolute; left:27%; top:40px; width:24; height:632px;'&gt;&lt;img src=https://dl2.glitter-graphics.net/pub/142/142872s1q7g5c3vh.gif border=0&gt;&lt;/marquee&gt;
&lt;marquee behavior=scroll direction=down scrollamount=6 scrolldelay=35 height=648 style='position:absolute; left:9%; top:160px; width:24; height:648px;'&gt;&lt;img src=https://dl2.glitter-graphics.net/pub/142/142872s1q7g5c3vh.gif border=0&gt;&lt;/marquee&gt;
&lt;marquee behavior=scroll direction=down scrollamount=2 scrolldelay=6 height=522 style='position:absolute; left:39%; top:163px; width:24; height:522px;'&gt;&lt;img src=https://dl2.glitter-graphics.net/pub/142/142872s1q7g5c3vh.gif border=0&gt;&lt;/marquee&gt;
&lt;marquee behavior=scroll direction=down scrollamount=6 scrolldelay=33 height=528 style='position:absolute; left:79%; top:148px; width:24; height:528px;'&gt;&lt;img src=https://dl2.glitter-graphics.net/pub/142/142872s1q7g5c3vh.gif border=0&gt;&lt;/marquee&gt;
&lt;marquee behavior=scroll direction=down scrollamount=1 scrolldelay=41 height=688 style='position:absolute; left:50%; top:133px; width:24; height:688px;'&gt;&lt;img src=https://dl2.glitter-graphics.net/pub/142/142872s1q7g5c3vh.gif border=0&gt;&lt;/marquee&gt;
  18. Svaratova

    fungerar klockrent!

    Lari, kan du hjälpa mig med en sak? Kommentarsfältet och kommentarerna är åt höger. Väldigt tacksam för hjälp.
    Här har jag skrivit mer om problemet:
    Tack på förhand!

  23. SvaraKimmie

    Asså. Det funkade förut idag, och det har funkat i över en månad nu men så ändrade jag muspekare till min blogg och då blev snöflingorna helt svarta? 😮

  25. SvaraEmma

    det funkar men man måsta lägga in det på alla! t.ex. Kodmallar > Framsida . man måste lägga in den på alla dom som finns där

Lämna ett svar

E-postadressen publiceras inte. Obligatoriska fält är märkta *