♥ Sandra Claudia ♥ -

Snö på bloggen

Idag tänkte jag göra ett litet fancy bloggdesignsinlägg! Om hur man får snö på bloggen!

Börja med att leta upp </head> i dina kodmallar, och klistra sedan in koden nedan över </head>

i dom kodmallarna där du vill att det ska snöa! Tillexempel "framsida" "kategorier" osv.

Svårare än så är det inte! ♥

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

2013-12-17

20:44:28

Allmänt

Bakgrund bakom rubrikerna

Jag tänkte visa hur man får in en bakgrund bakom rubrikerna! Tillexempel såhär..

• Börja med att leta upp stycket som heter

/** Entry headers **/
h3 {

• För att ändra färg använder du dig av en färgkarta (Här) och hittar färgen du vill ha, och ersätter den nya färgkoden med den som står efter "background:". I mitt fall skulle jag ta bort "#E6E6E6" och klistra in en annan färgkod istället.

• För att ha en bild bakom rubriken ersätter du hela backgroundstycket med koden nedan istället.

• Där det står "adress till din bild bakgrund" ska du lägga in bildkoden till bilden du vill ha bakom dina rubriker.

Hoppas att ni alla förstod och att det hjälpte er någonstans!

•••••••••••••

2013-10-21

21:31:29

Allmänt

Skugga runt bloggen

Först kan det vara bra att veta vart du vill ha skuggan.

"Wrapper" i stilmallen är , är hela bloggen.

"Header" är ju bilder högst upp i bloggen.

"Side" är menyn i bloggen.

"Content" är "rutan" där alla inlägg och sånt är i.

Här är en länk om jag är dålig på att förklara haha. Länk!

1. Kopiera koden nedan...

-webkit-box-shadow: 0px 0px 8px #888; -moz-box-shadow:0px 0px 8px #888; box-shadow: 0px 0px 8px #888;

2. Välj vart i bloggen du vill ha skuggan, vill du ha den runt menyn så lägger du in den i stycket som heter

"side" i stilmallen.

Såhär ser det ut under "content" för mig..

Hoppas att ni förstod! :D

2013-09-05

10:43:02

Allmänt

Ta bort mellanrummet mellan bilderna

Hejsan! Tänkte visa hur man tar bort mellanrummet mellan bilderna i inläggen.

1. Gå till stilmallen och leta upp .image {

2. Ändra sen alla "px" i "margin" och "padding" till "0px"

Såhär ser stycket ut för mig:

2013-06-10

21:03:35

Allmänt