HTML koder.

 


Her er noen htlm koder som jeg håper noen kan få litt hjelp og nytte av.
Hvis det er noen flere dere lurer på som jeg ikke har lagt ut kan dere spørre, men jeg vet ikke alt.


HVORDAN FÅ MELLOMROM UNDER HEADEREN!

Her er koden du skal bruke   margin: 0px 0px 30px 0px;
Der det står 30px kan du endre til hva du vil etterosm hvor stort/lite mellomrom du vil ha.

Hvor legger jeg den inn? Design ---> Rediger ---> Stilsett

#header {
background-color: #FFFFFF;
background-image: url('http://bloggfiler.no/pepzzzi.blogg.no/images/883087-8-1298814413410.jpg');
height: 375px;
background-repeat: repeat;
margin: 0px 0px 30px 0px;
}

Legg den inn i bunnen av avsnittet header.


HVORDAN FÅ MELLOMROM OVER HEADEREN!
Her er koden du skal bruke   <br><br>
Du kan skrive koden så mange ganger du vil, men dette er sånn jeg har det.

Hvor legger jeg den inn? Design ---> Rediger ---> Maler ---> Forside

Trykk Ctrl+f på tastaturet ditt å skriv inn dette i søkeruta   <body class="front">
så kommer du hit

</head>
<body class="front">
<div id="doc2">
<br><br> <--- Her legger du inn koden!!
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>

 

 



RAMME RUNDT BLOGGEN!
Her er koden du skal bruke   border: 2px solid #000000;

Hvor legger jeg den inn? Deisgn ---> Rediger ---> Stilsett

#wrapper {
background-color: #FFFFFF;
border: 2px solid #000000;
}

#footer {
background-color: #FFFFFF;
border: 2px solid #000000;


Der det står #000000; kan du bytte ut med hvilken farge du vil. Der det står 2px kan su bytte ut med hvilket tall du vil ettersom hvor stor/tykk du vil ha den. Der det står border kan du bytte ut med noen av disse:
dotted
dashed 
solid 
double 
groove 
ridge 
inset 
outset



SMALL BLOGG!
Her er koden du skal bruke   width: 800px;

Hvor legger jeg den inn? Design ---> Rediger ---> Stilsett

Denne skal legges inn i #header, #wrapper og # footer.

#header {
background-color: #FFFFFF;
background-image: url('http://bloggfiler.no/pepzzzi.blogg.no/images/883087-8-1298814413410.jpg');
height: 375px;
background-repeat: repeat;
margin: 0px 0px 30px 0px;
Width: 800px:
}
Så legger du denne i BUNNEN av alle avsnittene 
Der det står 800px; kan du endre til f.eks 700px; ( da er profilen din på bunnen) eller 600px; eller mindere/større tall. Alt ettersom du vil ha det.


BAKGRUNN PÅ OVESKRIFTENE!
Her er koden du skal bruke
h2 {
cursor:default;
background-color: #BAD5EC;  <--- Hvilken farge du vil ha
color: #000000;
font-size:9pt;   <--- Størrelse på skriften
font-family:tahoma;  
letter-spacing:1px;
line-height:13pt;
text-align: center; 
padding: 1px;
font-weight: bold;
text-transform: uppercase; 
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg dette inn?
Nedert i stilsettet ditt!


BAKGRUNN SOM STÅR FAST!
Her er koden du skal bruke
BODY {
background-image: url("her skal URL'en til bildet stå");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

Hvor legger jeg det inn? 
Øverst i stilsettet ditt!


MENY FRA HØYERE TIL VENSTERE!
Her er koden du skal bruke
}
#main {
float: right;
}
#side {
float: left;
}


Legg det in i stilsettet ditt slik:

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}


FARGEENDRING I OVERSKRIFT VED MOUSEOVER!
Her er koden du skal bruke
h2 a:hover { color: #ff00cc}

Hvor legger jeg den inn? (stilsett)

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h2 a:hover { color: #ff00cc}

h1, h2, h3, h4, h5 { font-family: Adobe garamond pro; }


Der det står ff00cc  kan du endre til hviklen farge du vil :)

3 kommentarer

ZcellyZ.blogg.no ( celina

05.10.2011 kl.18:46

ehh hvor lagde du dine headere ?

nimnom

06.10.2011 kl.09:20

ZcellyZ.blogg.no ( celina: Photoshop cs5

Tuva

29.11.2011 kl.17:34

Kjempe bra!!! Kan du kansje en gang vise hvordan du lager stilsett?

Skriv en ny kommentar

-
Reklamerer du for din egen blogg, blir den ALDRI besøkt eller kommentert av meg
-
"Kommentere tilbake?" osv. Da kommenterer jeg IKKE tilbake.
hits