hei hei her er noen HTML Koder :D

Hær er noen gode design hjelp tips til dere, håper dere forstår det og vis ikke kommenter så kansje jeg kan hjelpe dere;

FØR DU BEGYNNER ER DET BRA OG VITE DETTE:

Noen tips;
CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk

Fargekart:
http://www.myspacedev.com/color-codes/

VIS DU VIL HA MENY UNDER HEADEREN DIN SÅ BARE GJØR DU SÅNN:
 ( det er den enkleste måten du kan få meny på bloggen din synes jeg) :


Gå inn på DESIGN-REDIG-MALER
Denne koden legger du helt nederst i maler;

<style>a.box, a.box:link, a.box:active, a.box:visited {
text-decoration: none;
font-family: calinga;
font-weight:bold;
font-size:15px;
line-height:20px;
color: #FFFFFF;
padding: 1px;
display:;
letter-spacing:0px;
border-bottom: 6px solid #000000;
border-top: 6px solid #000000;
border-left: 20px solid #000000;
border-right: 20px solid #000000;
padding: 0px;
text-align: middle;
background: #000000;
text-transform: none;
}
</style>

Når du er inne på maler, så blar du litt ned til du ser at det står sånn her: <div id="wrapper" class="yui-gc">
Det du skal gjøre er å legge inn denne koden under der;
<a href="LEGG INN LINK" class="box">NAVN PÅ MENY KNAPPEN</a>

Slik skal det se ut da;
<div id="wrapper" class="yui-gc">
<a href="LEGG INN LINK" class="box">NAVN PÅ MENY KNAPPEN</a>

Og hvis du vil ha flere "knapper" så legger du bare flere koder etter hverandre.

BAKGRUNN PÅ OVERSKRIFTEN:

a { color: #000000}
a:link { color: #000000}
a:visited { color: #000000}
a:active { color: #000000}
h1, h2, h3{font-family: calibri; letter-spacing: 5px; LINE-HEIGHT: 25pt;font-size: 20px;font-weight: lighter; background-image: url("URL PÅ BILDET");color: #333333;margin: 20px 0px 18px 0px;}, h4, h5 { font-family: calibri; }
#header h1, #header p { display:none }
#header { color: #ccffcc; }
font-size: 2pt;
{letter-spacing: -1px;}
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

( Legg den inn nederst i stilsette )


MENYEN FRA HØYRE TIL VENSTRE

Hvordan gjør jeg dette?
Du limer bare inn koden i Stilsettet.
Koden du skal legge inn er:
}
#main {
float: right;
}
#side {
float: left;

Hvor legger jeg den inn?
Du legger den inn under #wrapper.
Slik skal det se ut sånn ca:
#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;

Hvis du vil ha menyen i en liten boks, så skal du legge inn denne koden:
border: 1px solid #000000;
background-color: #4D4D4D;

Hvor legger jeg den inn?
Hvis du ser under her så ser du hvor du skal lime den inn.

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

}


MIDTSTILLE BLOGGEN DIN

Koden du skal bruke:
margin-left: auto;
margin-right: auto;

Hvor legger jeg den inn?
Den skal du legge inn under #header, #wrapper og #footer.

Slik skal det se ut:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;

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

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

BAKGRUNNSBILDE SOM "STÅR FAST"

Koden:
BODY {
background-image: url("her skal URL'en til bildet stå");
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
}

Hvor legger jeg den inn?
Den skal du lime inn øverst i stilsettet.
ENDRE "X ANTALL KOMMENTARER"

Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler

- Trykk på CTRL + F tasten på tastaturet.
- Søk på "comment".
- Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> "
- Det du skal gjøre er å endre litt på koden slik:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>
SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ

Koden:
<!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

Hvor legger jeg den inn?
Endre profil - > Beskrivelse
I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din. :)
ENDRE FOR HVA DET STÅR PÅ KOMMENTAR KNAPPEN

Slik gjør du det:
Gå inn på Design -> Rediger -> Maler.. Når du er på Maler, så ser du at det står Index (forsiden). Trykk der og velg; Enkeltinnlegg. Deretter trykker du CTRL + F på tastaturet ditt og så søker du på " Send kommentar ". Istedet for at det står 'Send kommentar', så kan du jo skrive hva du enn vil. Kanskje "Nå blir jeg glad :)" eller noe annet.
HVORDAN FÅ HEADEREN(BILDE) PÅ PLASS DER OPPE

Koden du skal bruke er:
#header {
background-image: url(http://www.settinnlenkeher.jpg);
background-repeat: no-repeat;
height: 100px;
width: 800px;
}

Hvor skal jeg legge den inn?
Design -> Rediger
Så limer du bare inn koden i stilsettet ditt.
STØRRE PROFILBILDE

Koden du skal bruke er:
<img src="PICTURE URL" height="100">

Forklaring:
Picture url skjønner du sikkert. Der du skal legge inn linken til bildet ditt.
100, der kan du sette inn et tall, og det bestemmer hvor stort bildet ditt blir.

Slik gjør du det:
Design -> Rediger -> Maler.
Her skal du finne <img src="${ProfileImageUrl}" alt="${ProfileName}" />.
Så du kan for eksempel søke (CTRL + F) på 'profilename'. Du skal deretter bytte ut (<img src="${ProfileImageUrl}" alt="${ProfileName}" />) med koden; <img src="PICTURE URL" height="100">.
For å legge inn linken til bildet, så må du laste opp bildet ditt på www.tinypic.com, under "Direct Link for Layouts" henter du linken som du skal legge inn i koden. Og du kan endre størrelsen for bildet ditt også hvis du vil.
Nå trykker du på Lagre Malen og da skal bildet ditt være større.

MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

Koden du skal bruke:
font-size: 10pt;

Hvor skal jeg legge den inn?
Den skal du legge inn under wrapper.

Slik for eks. skal det se ut;
#wrapper{
background-color: #FFFFFF;
font-size: 10pt;
}

Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8...

MELLOMROM MELLOM HEADER OG SELVE BLOGGEN


Koden du skal bruke:
margin: 0px 0px 10px 0px;

Hvor skal jeg legge den inn?
Design -> Rediger
Koden skal du legge inn under header.

Det skal ca. se slik ut:
#header {
background-color: #FFFFFF;
background-image: url(url-adressen til bildet);
background-repeat: no-repeat;
height: 420px;
width: 800px;
margin: 0px 0px 10px 0px;

Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.
FÅ BORT RAMMEN RUNDT PROFILBILDET DITT

Koden du skal bruke:
<img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

Forklaring:
200 = der kan du velge hvor stort bildet skal være.
URL = Der skal du sette inn adressen for profilbildet ditt.

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk (ctrl + f) på "profile".

Slik skal det ca. se ut:
       <div id="profile" class="clearfix">
        <div>
         <a href="${ProfileUrl}" title="${ProfileName}">
          <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
         </a>
        </div>

Trykk lagre malen, og da skal den blå rammen være borte rundt profilbildet.
FÅ MELLOMROM OVER HEADEREN

Koden du skal bruke:
<br>

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Søk etter 'doc2'. Eller bla litt ned til du ser denne linja; <div id="doc2">
Det du skal gjøre er å lime inn koden etter dette.

Slik skal det se ut:

<div id="doc2"><br>

(Du limer inn koden så mange gang du vil, spørs hvor stort mellomrom du vil ha.. Det er bare å prøve seg frem).
Det samme må du gjøre med Kategori, Arkiv og Enkeltinnlegg.
MIDTSTILLE MENYEN UNDER HEADER

Du går inn på Maler. Og så setter du inn dette; <center> </center>

Slik skal det ca. se ut:
<center>KODEN TIL MENYEN SKAL STÅ I MELLOM HER</center>

håper du skjønte dette :)

Ingen kommentarer

Skriv en ny kommentar

3>elsker mine bff <3

3>elsker mine bff <3

11, Sandefjord

jeg er en jente som heter miriam og jeg er 11 år og jeg bor i Sandefjord men er født i Narvik. og mine intressert er musikk,drill og dans ikke minst sang :) elsker alle mine venner,jeg er veldig rar og jeg er litt "funny" haha XD

Kategorier

Arkiv

hits