filippadavida - foto & vardag -

Ny design!

Nu sitter den uppe och enligt mig blev det en klar förbättring. Får se om det kommer några småändringar i efterhand sedan men det märker ni. Tryck f5 om ni inte ser!

0 Kommentarer

Igårkväll sattes den nya designen på plats, den är inte klar alls än, men grunderna är klara och jag ville få upp den så fort som möjligt! Ska fortsätta att fixa detaljer, som till exempelt lite om mig ikonen, kameraväskan ikonen osv. Det kommer att dyka upp allt eftersom. Nå, vad tycker ni då? Tryck f5 för att uppdatera!

0 Kommentarer

Ny Design!

0 Kommentarer

runda kanter på menyn!

Lägg in denna kod längst ner i stilmallen:

#box {background: #ffffff;} .toppen {background: #fffff;} .botten {background: #fffff;} .rad1{margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff;} .rad2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff;} .rad3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff;} .rad4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff;} .innehall {padding: 10px;}

Och nu kommer det lite svårare. Vi ska lägga in lite koder i kodmallen. Den första koden ska vi lägga in under <div id="side"> alltså bredvid <div id="profile"> och den koden är:

<div id="box"> >div class="toppen"> >div class="rad1"></div> <div class="rad2"></div> <div class="rad3"></div> <div class="rad4"></div> </div> <div class="innehall">

Sen ska vi lägga in en kod längre ner, nästan längst ner. Den här ska vara ovanför </body> som är näst längst ner, ovanför den ska den sitta, inte ihop med </body> utan ovanför, det är viktigt! Detta är koden:

</div> <div class="botten"> <div class="rad4"></div> <div class="rad3"></div> <div class="rad2"></div> <div class="rad1"></div> </div> </div>

kom ihåg att lägga in det på rätt ställe annars blir det lätt fel! Jag har själv gjort det på min så det ska fungera. Kommentera om det inte går så ska jag försöka komma på vad felet är :)

0 Kommentarer

få snöfall på din blogg!

detta gäller endast blogg.se

Alltid när det gäller kodmallen så spara först den orginella kodmallen ifall det blir fel.
och förhandsgranska också innan i stilmallen ifall det blir fel.

Om det inte fungerar kommentera felet så ska jag försöka hjälpa dig :)

klistra in denna kod i kodmallen "framsida" under <head> som ligger på fjärde översta raden vanligtvis, ni ser den.

Width =1200; // ange bredden på sidan som ska snöas in...

Height =7000; // 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=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>

0 Kommentarer