Placera något vart som helst på bloggen


Jag har fått en förfrågan om hur jag har fått tomteluvan att sitta där den sitter på min blogg, och jag är tyvärr helt värdelös på att förklara när det kommer till bloggdesign men jag lovade att försöka förklara hur den hamnade där.
 
För det första så sitter inte tomteluvan fast i bilden, utan de är en vanlig bild med genomskinlig bakgrund. Det är de absolut viktigaste i denna kodning, att bilden inte har någon vit bakgrund. Bakgrunden får du genomskinlig i photoshop och för att den ska behålla sin genomskinlighet så sparar man den i PNG.
 
Nu till själva kodningen! Koden som man använder är:
<div style="position:absolute; width:100px; x-index:0; left: -120px; top:-90px;"> <img src="DIN BILD HÄR"> </div>
 
Den kommer att positionera bilden vart som helst på bloggen. Detta är de exakta inställningarna som jag har till min tomteluva på bloggen! Width är bredden på bilden som du ska använda dig av, left är hur mycket till vänster du ska ha den, och jag har då -120px på min, man får helt enkelt testa sig fram till vad som passar bäst för att de ska se bra ut. Sen top är hur högt upp eller lång ner den ska sitta! Sen sätter man in sin bildkod där jag har skrivit "din bild här" och man får helt enkelt exprimentera. Det är något av de som jag värderar mest inom webbdesign, man kan inte klara allt direkt, utan man får testa sig fram och försöka, det är så jag har kommit dit jag är idag och förmodligen de flesta som kan koda. Och jag hopaps att detta inlägg hjälpte lite :)




Design tips - mellanrum mellan bilderna


Numera är de många som skippar mellanrummet mellan bilderna i inläggen, men jag vet att de är många som beställt designer av mig som vill ha mellanrum. Så tänkte berätta hur ni kan göra för båda delarna. Om ni har mellanrum och vill bli av med det eller vise versa :)
 
1. Gå in i stilmallen och leta upp .image {
2. Där de står "px" och "margin" är de antingen tex 3px eller 0px, och där ändrar ni till de ni önskar.
 
.image {
border: 0px solid #fff;
background-color: #fff;
padding: 0px;
margin: 0px 0px 0px 0px;
}
 
Om ni vill ha mellanrum se till att ändra 0:orna till någon siffra, de bästa är att testa sig fram för bästa resultat! Hoppas ni förstår och är de något ni undrar över så är de bara att fråga :)




Skugga bakom blogg/meny/header


Tänkte visa er ett enkelt tips där man får skugga eller en kant runt bloggen, headern eller menyn. Inga konstigheter alls, följ bara tipset så kommer det att gå fin fint! :)

Koden för skugga:


Koden för border:


Men hur får man in koderna på rätt plats då? Jo börja med att gå in i stilmallen, sen ner till stället du vill ha skuggan. Till exempel side. 

Sen så kopierar du bara koden eller koderna. Så länge dem är innan } så kommer det att fungera. Se till att du har en färg/storlek som passar din blogg bäst. Och de ändrar du där det står #000; 000 är då färgen svart.

Hoppas ni förstod, jag är inte alls duktig på att förklara! ^^