Blondie blogg

sofiera

Blogg design

På den forrige bloggen min fikk jeg ganske mange spørsmål om jeg kunne lage et innlegg med html koder og blogg design. Så derfor lager jeg heller en side med det. Håper det er til hjelp! 🙂

MIDTSTILT BLOGG

margin-left: auto;
margin-right: auto;

Den skal du legge til under header, #footer og #wrapper, som du finner under Rediger -> Stilsett.
Til nærmere forklaring så skal det være ganske likt dette:
#header {
background-color: #FFFFFF;
background-image: url(‘LINK TIL DIN HEADER’);
height: 236px;
margin-left: auto;
margin-right: auto;

background-repeat: repeat;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;

}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;


SMAL BLOGG

For å få bloggen smalere må du føye til den koden:
width: 610px;

den skal du sette rett under der det står
height: 165px;

Da ser det ut som dette:
#header { background-color: #FFFFFF;
background-image: url(‘LINKEN TIL HEADEREN DIN…’);
height: 165px;
width: 610px;

Etter du har gjort dette gjør du akkurat det samme der det står #wrapper & #footer. Å da skal det se slik ut:

#wrapper {
width: 610px;
background-color: #FFFFFF;
}
#footer {
width: 610px;
background-color: #FFFFFF;
}

LITEN SKRIFT PÅ BLOGGEN

Her inne skal du legge på denne koden:
font-size: 8pt;

Å den skal være på plassene markert med fet skrift:
#wrapper {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
#footer {
width: 610px;
background-color: #FFFFFF;
font-size: 8pt;
}
a { color: #000000}
a:link { color: #000000}
a:visited { color: #510300}
a:active { color: #000000}
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #000000;
font-size: 7pt;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

DIVERSE

Tekst størrelsen på overskriftene:

h2 { font-size: 50% }

legges nederst i stilsettet

———————–

Midtsille overskrift tekst:

h2 { text-align: center; }

legges nederst i stilsettet

for midtstilling av tekst generelt.. text-align: center;

———————–

Løkke skrifter

font-family: Segoe Script;

font-family: Edwardian Script ITC;