Månadsarkiv: maj 2010

1 ). Gå in på design > kodmallar

2 ). Leta upp (ctrl + f): </head> och sätt in koden nedan precis ovanför </head>

<script type="text/javascript">
Width =1000; // ange bredden på sidan som det ska regna hjärtan på
Height =2000; // ange höjden på sidan som det ska regna hjärtan på
Count =25; // antal hjärtan 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å hjärtat
MinFlake=4; // min storlek på hjärtat

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:#f25d5d; 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>

<script language="javascript" type="text/javascript">
<!--
function popitup(url) {
newwindow=window.open(url,'name','=706,width=1000');
if (window.focus) {newwindow.focus()}
return false;
}

// -->
</script>

3 ). Redigera det jag har markerat (i koden som du lägger in ovanför </head>) med fet text till den höjd samt bredd du vill att hjärtana ska regna:

Width =1000; // ange bredden på sidan som det ska regna hjärtan på
Height =2000; // ange höjden på sidan som det ska regna hjärtan på

4 ). Spara kodmallen och gör samma sak i resterande kodmallar (inläggssida, kategorisida & arkivsida).