2009-03-13

Ta bort ramen runt loggan

När jag skulle starta om bloggen ville jag ju ha en ny logga längst upp.
Blev så hiskeligt irriterad på de två linjerna som var runt. Tittade runt på flertalet bloggar och såg att de flesta hade ”problem” med dessa linjer, med bilder längst upp som låg ovanpå linjerna.
Jag tyckte att linjerna förstörde hela bilden och bestämde mig för att göra något åt det!
Kan sedan tidigare lite lite lite, jag menar verkligen lite html, men till just detta räckte det. =)

Så därför tänkte jag förklara för er hur man gör. I fall någon fler vill bort med linjerna.
Jag är medveten om att jag inte är särskilt bra på att förklara saker, men jag hoppas att ni ska förstå.

Börja med att gå in i er blogg under Layout.
Titta längst upp, så finns det underkategorier under huvudkategorierna.
Tryck där det står Redigera HTML, så öppnas en ny sida med diverse koder.
Bli inte alltför nervös, det går att FÖRHANDSGRANSKA innan man sparar, GÖR DET!
Man kan även spara den ursprungliga mallen som man har, ifall något skulle gå åt skogen.
Det anser jag nog att man ska göra med jämna mellanrum, även om man inte ändrar för mycket i html koderna. Kan alltid vara bra att ha en backup.

Tillbaka till koderna.

Scrolla ner tills du kommer till den här texten:

/* Header
-----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}


Gå in där det står border. 1px anger hur många pixlar som linjen ska vara.
Ändra till 0px, så försvinner linjen. Kom ihåg att förhandsgranska innan du sparar.
Bloggen öppnas i ett nytt fönster så att man kan titta efter.
Man kan även om man vill ändra pixlarna till ett högre tal så blir linjen grövre.

Lycka till!

2 kommentarer:

Mallaching sa...

Hittade just hit via errajka! Jättemycket fint! Och verkligen tack för tipset med den där irriterande linjen.. jag hade två! Nu är dom borta iaf :) tack ;)

jnydesign sa...

Nu har jag också tagit bort ramen runt loggan. Tack så mycket för hjälpen, jag hade dock 2 st, men jag tog bort och ändrade till 0px på två ställen där det stod 1px, så försvann båda.
tack för hjälpen.
//Jenny