Stilmallen vs kodmallar

I stilmallen anger man hur allting ska se ut dvs storlek, positionering och färg. Man kan egentligen döpa det till vad man vill dvs t ex #entrybody kan heta #inlagg bara man anger <div id="inlagg"> i kodmallarna om man använder #inlagg istället för #entrybody (istället för <div id="entrybody">) så att kodmallen vet hur ”#inlagg” ska se ut. En liten vink bara, tänk på att ÅÄÖ inte uppskattats av kodvärlden.

Anledningen till att man gör detta i stilmallen är för att man ska slippa så mycket manuellt arbete som möjligt. Dvs om man vill ändra färg i entrybody ska man göra det i stilmallen istället för att lägga in koden <font color=”#cccccc”></font> mellan varje text i kodmallarna. Det ska vara smidigt att ändra designen.

» Här finns ett inlägg om vad allting innebär i en stilmall

I kodmallarna anger man vart allting ska sitta. Man lägger in div-koder på olika ställen. Anledningen till att blogg esse har fyra olika kodmallar är för att det finns 4 olika sidor. För en bättre beskrivning gällande blogg.se’s:

Kodmallen ”förstasida” = förstasidan dvs index-sidan
Kodmallen ”inläggssida” = kommentarsidan dvs så som det ser ut när man klickar på ett enskilt inlägg
Kodmallen ”kategorisida” = kategorisidan dvs så som det ser ut när man klickar på en viss kategori
Kodmallen ”arkivsida” = arkivsidan dvs så som det ser ut när man klickar på en en månad under arkiv

Detta är alltså skillnaden mellan stilmallen och kodmallar. Vi avslutar med vad några koder är stilmallen:

#wrapper = ramen kring allt, kan vi kalla det. Det som håller ihop hela designen. Jag gav ett exempel på det i ett tidigare tips (Man skulle kunna jämföra den med en tavelram – den håller ihop hela bilden). Om man t ex ska lägga in en till sidomeny så måste wrappern förstoras så att inte sidomenyn hamnar under allting.

#header = det som ligger först i designen. Det är där man för det mesta lägger in en bakgrundsbild.

#content = kan översättas till innehåll – det är content som håller ihop det som ligger i inläggen.

#h3 = rubriken i inläggen.

#entrybody = inläggen.

#entrymeta = där permalink, kommentarer, kategori-länk etc ligger ursprungligen.

#entrymeta a = länkar för permalink, kommentarer, kategori-länk etc.

#entrymeta a:hover = länkar för permalink, kommentarer, kategori-länk etc när man har musen över.

#commentheader, commenttext & commentmeta = se detta inlägg för bästa förklaring.

#side = sidomenyn.

#navheader = rubriken i sidomenyn (senaste inlägg, kategorier, arkiv, länkar).

#nav a = länkarna i sidomenyn. (nav a:hover = när man håller musen över dem).

#a = länkar i hela bloggen (förutom de som har enskilda koder t ex nav a/nav a:hover).

#a:hover = länkar i hela bloggen när man håller musen över dem.