Designhjälp- Ram runt bloggen
Nu hade jag tänkt berätta för er hur ni gör en ram runt era inläggsrutor och sidomenyn.
Detta är en Guide för blogg.se och resultater är detta:
1.Gå in på "design" och sedan "stilmall"
2. Leta upp avsnitten "div#content" och "div#side" som bör se ut ungefär som nedan. Content är den stora rutan som dina inlägg kommer upp i och side är sidomenyn, bra att veta till framtida designfix!
3. Klistra in koderna nedan längst ner i avsnittet ( innan "}" ) på både div#side och div"content:
border-bottom: 4px solid #e0dbc7;
border-top: 2px solid #e0dbc7;
border-left: 2px solid #e0dbc7;
border-right: 4px solid #e0dbc7;
border-bottom: 4px solid #e0dbc7;
border-top: 2px solid #e0dbc7;
border-left: 2px solid #e0dbc7;
border-right: 4px solid #e0dbc7;
Vissa designer har redan vissa av dessa koder och då behöver du bara klistra in de koder som "fattas". Det vill säga om
border-right: 4px solid #e0dbc7;
och
border-top: 2px solid #e0dbc7;
finns, så behöver du bara klistra in
border-left: 2px solid #e0dbc7;
och
border-bottom: 4px solid #e0dbc7;
Vill du ha en annan typ av ram, kanske att en av koderna fattas så är det bara att mixa och pyssla!
4. Ändra tjockleken och färgen på ramen såhär:
Tjockleken ändrar du genom att höja värdet i px, alltså 15 px är jättejättetjockt och 2px är ganska litet.
Färgen ändrar du genom att byta ut koden som står mellan # och ; . HÄR hittar du koder för alla färger. När du valt färg kommer koden upp i den lilla rutan efter # på hemsidan.
Vill ni har fler sådanna här guider? Många har frågat om hur headern byter bilder, vill ni att jag ska visa er det? Finns det något ni vill lära er?
