Lär dig koda bloggdesign - Bild bakom kommentarsfältet

Alla koder är för blogg.se's bloggar!

Ibland kan det se lite extra festligt ut med en fin bakgrund bakom kommentarsfältet, vilket ni nu kommer att få lära er hur man gör.
 
1. Till att börja med så måste vi ta reda på hur bred inläggen är, vilket vi gör genom att gå in under Stilmallen och leta reda på #content. Där kommer det sedan att stå något i stil med
width: 870 px;
vilket betyder att den är 870 pixlar bred.
 
2. Nu måste man alltså ha själva bilden som sedan ska agera bakgrund. Om man vill veta exakt vart hur bakgrunden kommer att sitta så kan det vara smart att ta en screenshot på själva kommentarsfältet och sedan använda detta som mall när man gör beskär/redigerar bakgrunden. Min var 869 px bred och jag vill ha den 500 px hög vilket betyder att min bild alltså kommer att vara 869 px bred och 500 px hög. Bilden kan t. ex. se ut såhär
Här har jag satt en liten ruta ungefär där alla boxar kommer att vara. Jag har även skalat bort lite från kanterna så att bilden inte går hela vägen ut i kanten.
 
3. Nu är det alltså dags att lägga in bakgrunden och detta gör vi genom att gå in i vår Stilmall och leta reda på .commentform . Skriv in koden 
 
background: url(bildlänk) no-repeat;

height: 500px;
width: 869px;


Där det står "bildlänk" ska du lägga in länken till själva bilden, vilket du får fram genom att ladda upp den till bloggen/tinypic.com eller liknande. Där det står "height" och "width" ska du skriva in hur hög och bred bilden är.
 
4. Spara! Nu har du en fin bakgrund till ditt kommentarsfält.