Styla din blogg med linjer
När man går in i kodmallen (Mall - redigera HTML) så heter alla linjer något med border. En kodsnutt för en linje kan t ex se ut så här:
border-bottom: 1px solid $(tabs.border.bevel.color);
1px är tjockleken på linjen. Solid betyder att linjen är en helt vanlig fylld linje och bytas ut mot någon av orden i listan nedam.
$(tabs.border.bevel.color) kan bytas ut mot valfri färg kod t ex #00000.
Om du vill ändra linjen till röd med lite större prickar kan koden se ut så här:
border: 4px dotted #cc0000;
border: none;
Betyder ingen linje. För att skapa en linje, ersätt då none med t ex
1px solid #000000;
och du får en "vanlig" tunn svart linje.
Några vanliga "styles" för linjer:
solid: "vanlig" linje
none: ingen linje alls
dotted: prickar
dashed: streckad
double: dubbel
groove: "tavelram"
ridge: "tavelram"
inset: tonad "tavelram"
outset: tonad "tavelram"
Så varför inte prova att styla några av dina linjer?
Men kom ihåg att göra en backup innan du börjar exprementera i kodmallen! Spara ingenting förrän du är helt säker! Om du inte har sparat och något blir fel, klicka på Rensa Redigeringar!
Hej Anneli, du har en intressant blogg som jag nyligen hittat..tack för att du generöst delar med dig av egna erfarenheter,
ReplyDeletesol fr Tina på Hönö
Mycket användbart, tack för det!
ReplyDeleteHej,
ReplyDeleteÄr ny på Blogspot så är inte så jätte kunnig, men hur får jag en linje över hela sidan vågrätt under mina sidor i toppen av bloggen? På jeniferchloe.blogspot.se
MvH
Allra enklast är att göra linjen som en bild med vit bakgrund, i real storlek, och sedan lägga till där du vill ha den i en bildgadget.
ReplyDeleteHej :) jag har gjort linjer på min blogg men det blir inte som jag vill.. Jag har satt de som 1 px men ändå tycker jag att de är för tjocka. jag har kunnat ha de smalare innan, vad gör jag för fel?
ReplyDeletemin blogg heter: lyckoruuus.blogg.se