Header Ads

Bloggens uppbyggnad



För att du ska kunna börja ändra i din bloggmall behöver du känna till hur den är uppbyggd.

Allra först kommer Body. Det är bakgrunden i bloggens mall, den del där vi ofta väljer att lägga ett mönster eller en ren färg.

Ovanpå bodyn läggs sen Outer wrapper. Den håller ihop de olika delarna i bloggen och ska alltid vara minst lika stor som summan av din main kolumn och sidebarerna. Det är egentligen enkel matematik, 1+1+1 = 3. Om du har en sidebar som är 200pixlar och en main column som är 400 pixlar så får outer wrappern inte vara mindre än 600 pixlar. Enkelt, eller hur!

Efter det kommer Content wrapper i vissa bloggmallar. (Alla har inte denna wrapper.)
Det är en wrapper som håller ihop main- och sidebarwrapper.

Ovanpå content wrappern lägger vi de olika "wrapperna". Högst upp har vi header wrapper som innehåller din header. Sen har vi mainwrapper som är din bloggpostkolumns underlägg.
Brevid finns oftast en eller två sidebar wrappers och längst ner finns footer wrappern.

Innerst, eller högst upp på toppen av allt om man föredrar att tänka så hittar vi de olika sidelementen, header, main, sidebar och footer. Det är här texter och bilder finns.
När du ska lägga in en bild i din kodmall, t.ex. en header, är det oftast här du ska lägga in den.
(undantag kommer jag att berätta om i senare blogginlägg)

För att du lättare ska förstå uppbyggnaden av en bloggmall kan du tänka dig ett dukat bord.
Bordsduken är bodyn
Underlägget är outer wrappern
Servetten under besticken (och tallriken för att göra exemplet tydligare) är wrappern
Headern är ditt glas
Main är din tallrik
Sidebaren är dina bestick
Footern är ... tja, det vet jag inte riktigt, där föll liknelsen kenyit Men jag tror du förstår!

Var sak på sin plats så håller bloggmallen fint ihop!

10 comments:

  1. Hej! Det är en sak jag undrar och jag har försök att fixa på min blogg men jag lyckas inte! Om man vill bara har main wrapper på left-side, helt på sidan, hur fixa man det?

    ReplyDelete
  2. Nu förstår jag nog inte hur du menar?
    Vill du ha din mainbar på vänstersidan?
    Eller, vill du ha en bakgrund bara bakom sidebaren på vänstersidan?
    Eller, vill du ha bakgrund bakom sidebaren och main, men bara till vänster?

    ReplyDelete
  3. hejsan!

    har en fråga..om ni tittar på min sida så har jag runda hörn på både header, main och på right sidebar....har förstorat dessa fält men får nu inte till det med hörnen...vet inte riktigt var jag ska fixa det heller. Tacksam för hjälp. ser ju inte klock ut detta :)

    ReplyDelete
  4. Nej, det är ju för att det är bilder som är inlagda. Kika på den här adressen ska du se - den kommer från din bloggs sidebar: http://www2.blogblog.com/rounders2/corners_prof_top.gif

    Du får helt enkelt redigera bilderna och ladda upp dem på t.ex. photobucket och länka dem till din bloggmall. (byt ut ovanstående bildadress t.ex. mot din egen bilds direktlänk)

    Du får återkomma om jag förklarat dåligt ;-)

    ReplyDelete
  5. Hej! se på min sida: nyttlage.blogspot.com Det blir vitt längst ned till höger, och jag förstår inte vart jag ska ändra i html-koden för att få det grått!? Tacksam för hjälp!

    ReplyDelete
  6. Jag undrar över vad alla andra html-koder är i minima-mallen? Hur allt hänger ihop?
    Och hur påverkar px och paddings mm.

    ReplyDelete
  7. Undrar över en sak!
    VArför kommer det en papperskorg efter att jag kommenterat hos någon o någon kommenterat hos mej? HUr får jag bort den?

    ReplyDelete
  8. Paula - det är för att du som bloggägare ska kunna radera kommentaren om du vill och när du kommenterar hos någon annan kan du radera din egen kommentar (förutsatt att du är inloggad på ditt google-konto förstås)

    Det är bara den som kan radera som ser papperskorgen, alltså bloggägaren och personen som lämnat kommentaren.

    Du bör inte ta bort papperskorgen.

    ReplyDelete
  9. Saken är klar :) Funderade på varför det är en pappaerskorg där, men nu vet jag :)

    Tackar

    ReplyDelete
  10. Ibland är det lite klurigt! ;-)
    Anneli

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------