HTML-koder

Klicka på texterna för att se koden.

Så här går det till på Bloggo-bloggen.
Efter inloggning, gå till inställningar, välj valfri HTML-kod. Under placering välj: Innanför HEAD-taggen. Klistra in koden:

▶ HTML-kod för snö
<script type="text/javascript">
Width =2000; // ange bredden på sidan som ska snöas in
Height =7000; // ange höjden på sidan som ska snöas in
Count =150; // 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>
▶ Dagens Citat
<!-- Dagens citat, start -->
<div style="padding:5px; background-color:#ffffff; width:250px; border:1px solid #000000;">
<a href="https://www.dagenscitat.nu/" style="text-decoration: underline; color:#0042cc;"><strong>Dagens citat</strong></a>
<script type="text/javascript">
dc_clr_text = "#000000";
</script>
https://www.dagenscitat.nu/citat.js
</div>
<!-- Dagens citat - slut -->

En kommentar är alltid välkommen 😊