Bloggdesign - ikon i adressfältet.

Det här är något som är väldigt enkelt. Det går helt enkelt ut på att byta ut sin blogg.se ikon där jag nu har en mustasch. Det första du behöver göra är att förminska bilden du vill ha eller välja "ikon" som storlek när du söker efter en bild på google. När du väl hittat din bild så sparar du den och laddar upp på bloggen eller t.ex tinypic. Spara sedan bildadressen för senare bruk. När du gjort det så kopierar du följande kod:

<link rel="shortcut icon" href="Din adress här" />

Och sätter in den precis ovanför </head> i kodmallen.
Gör sedan likadant i alla dina kodmallar, och voila! Du har en ikon bredvid adressfältet.

Bloggdesign - Mellanrum mellan headern, menyn och inläggen.

Tänkte visa er hur jag har gjort när jag har fixat ett mellanrum mellan alla delar på min blogg. Det är inte så komplicerat som man kan tro, men lite pilligt är det allt!

Börja med att gå in på stilmallen och leta upp #wrapper, där ser det ut ungefär såhär:

#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 930px;
background-color: #FFFFFF;
}

Ta då bort background-color: #FFFFFF; och lägg till samma rad under #side och #content. Där ska det då se ut ungefär såhär:

#side {
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 5px 0px 15px #888;
float: left;
width: 180px;
height: 1580px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #CCCCCC;
background-color: #FFFFFF;
margin-top: -465px;
}

#content {
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 5px 0px 15px #888;
overflow: hidden;
width: 680px;
position:relative;
left:0px;
padding: 20px 0px;
voice-family:"\"}\"";
voice-family:inherit;
width:680px;
float: right;
margin: 0px 10px 0px 0px;
background-color: #FFFFFF;
}html>body #content { width: 680px }

Om ni har några frågor eller om det inte fungerar kan ni lämna en kommentar här nedanför!


RSS 2.0