hei hei her er noen HTML Koder :D

Hr er noen gode design hjelp tips til dere, hper dere forstr det og vis ikke kommenter s kansje jeg kan hjelpe dere;

FR DU BEGYNNER ER DET BRA OG VITE DETTE:

Noen tips;
CTRL + A = Merk alt
CTRL + C =Kopier
CTRL + V = Lim inn
CTRL + F =Sk

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

VIS DU VIL HA MENY UNDER HEADEREN DIN S BARE GJR DU SNN:
( det er den enkleste mten 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>

Nr du er inne p maler, s blar du litt ned til du ser at det str snn her: <div id="wrapper" class="yui-gc">
Det du skal gjre 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 HYRE TIL VENSTRE

Hvordan gjr 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 snn 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 "STR 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 ste sm" istedenfor "x kommentarer", s gjr du dette:
Design -> Rediger -> Maler

- Trykk p CTRL + F tasten p tastaturet.
- Sk p "comment".
- Derskal det st:" <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> "
- Det du skal gjre er endre litt p koden slik:
<a href="${EntryPermaLink}#comment">${EntryCommentCount} ste 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 STR P KOMMENTAR KNAPPEN

Slik gjr du det:
G inn p Design -> Rediger -> Maler.. Nr du er p Maler, s ser du at det str Index (forsiden). Trykk der og velg; Enkeltinnlegg. Deretter trykker du CTRL + F p tastaturet dittog s sker du p " Send kommentar ". Istedet for at det str '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.
STRRE PROFILBILDE

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

Forklaring:
Picture url skjnner 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 gjr du det:
Design -> Rediger -> Maler.
Her skal du finne <img src="${ProfileImageUrl}" alt="${ProfileName}" />.
S du kan for eksempel ske (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 linkensom du skal legge inn i koden. Og du kan endre strrelsen for bildet ditt ogs hvis du vil.
N trykker du p Lagre Malen og da skal bildet ditt vre strre.

MINDRE/STRRE 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 gjre n er endre tall, vil du ha strre 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 strre eller mindre mellomrom, s endrer du tallet der hvor det str 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 vre.
URL = Der skal du sette inn adressen for profilbildet ditt.

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Sk (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 vre borte rundt profilbildet.
F MELLOMROM OVER HEADEREN

Koden du skal bruke:
<br>

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

Slik skal det se ut:

<div id="doc2"><br>

(Du limer inn koden s mange gang du vil, sprs hvor stort mellomrom du vil ha.. Det er bare prve seg frem).
Det samme m du gjre med Kategori, Arkiv og Enkeltinnlegg.
MIDTSTILLE MENYEN UNDER HEADER

Du gr 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>

hper du skjnte 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 fdt 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