Bloggtips, gör bloggen bredare

Hej! Dethär tipset hittade jag på bloggdesign.se och tyckte att dte var bra så jag visar det här oxo!

När man ska ändra sin bredd på bloggen, så är det mycket ändringar i pixlar man måste göra, det är en del pill med stilmallen, men jag ska försöka förklara på ett så lätt sätt som möjligt. Du gör alla dina ändringar i din stilmall.

Allting du gör utgår från bredden på din #wrapper. Det är som ett papper som du kan fylla med rutor, och rutorna måste fördelas över bredden på din #wrapper.

Om du ska minska bredden på din blogg
Att minska bredden på bloggen är inte så himla knepigt. Det du måste göra är att bestämma dig för hur mycket smalare den ska bli. Säg att din blogg är 830px bred (din #wrapper) och du vill att din blogg ska vara 730px bred istället, dvs 100 pixlar smalare.

Ändra då din #wrapper till 730px först och främst.

Sen så måste du ändra på bredden på din #content och din #side, för dessa två rutor delar ju på bredden av din #wrapper.

Totalt ska du då minska dessa två med 100px, vilket du kan dela upp på de två, eller så tar du bort 100px på din #content.
Om vi utgår från standarden på stilmallen fashion, så är bredden på #side 180px och bredden på #content 538px.

På vissa stilmallar, bl a Fashion, så måste du ändra bredden (width) på #content på tre ställen.

Som exempel, kan du nu ändra bredden (width) på #side till 150px och bredden på #content till 468px. Då har du dragit bort 100px totalt.

Nästa steg är att ändra bredden på din #header med 100px med, då även denna ligger inuti din #wrapper.

Om bredden är som på bilden ovan 800px, så ändrar du det till 700px.

Sen så är allt klart, förhandsgranska och spara sen om det är som du vill.
Om din meny inte ligger på plats, då har du förmodligen dragit av för lite på någon av rutorna, kolla hur mycket du har dragit av och försök igen.

Om du ska öka bredden på din blogg
För att öka bredden på din blogg, så gör du precis som ovan, fast tvärtom.

Vi säger att din blogg (din #wrapper) är 830px bred, men du vill att den ska vara 1000px bred istället.
Då ska du börja med att öka på width i din wrapper till 1000px istället för 830px. Då har du ökat på ditt "papper" med 170px, som du kan fördela på din #side och #content.

Så, om du vill lägga allt på #content eller dela upp det på både #side och #content, det avgör du själv.

När du har fördelat det hela, så ökar du på bredden på din #header med 170px med.

Svårare än så är det faktiskt inte.

Lycka till!

// Rebecka


Kommentarer

Kommentera här:

Ditt namn:
Kom ihåg mig?

E-postadress: (Bara för mig :D)

Egen blogg:

Din Kommentar:

Trackback
RSS 2.0