Ommundsenelise

Jeg har lest at det er mange bloggere som s�ker etter html koder og s�nnt. S� jeg tenkte jeg skulle lage en side med html-koder! H�per jeg har forklart det godt nok:P

Her er ogs� en link til fargekart;)

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

RAMME RUNDT BLOGGEN

Hvordan gj�r jeg dette?
Du limer bare inn koden i Stilsettet.
Koden du skal legge inn er:
border: 2px dotted #000000;

Hvor legger jeg den inn?
Du legger den inn under #wrapper og #footer. Ca. s�nn her skal det se ut:
(Du kan ogs� legge�koden inn under #header, hvis du vil ha en ramme rundt headeren ogs�).

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

Hvis du ikke vil ha en 'prikkete' ramme, s� skriver du�solid istedenfor dotted. For�� endre tykkelsen p� rammen, s� kan du for eks. skrive 3px eller hvis rammen skal v�re mindre s� skrive du bare 1px.

--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Hvordan f� meny under headeren

Trykk ''Design'', s� ''rediger'', s� ''Stilsett''. S� ruller du heelt nederst, og limer inn denne koden:
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.underlinemenu{
font-weight: bold;
width: 100%;
}
.underlinemenu ul{
padding: 6px 0 10px 0;
margin: 0;
text-align: center;
}
.underlinemenu ul li{
display: inline;
}
.underlinemenu ul li a{
color: black;
padding: 6px 3px 4px 3px;
margin-right: 20px;
text-decoration: none;
border-bottom: 3px solid grey;
}
.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}
</style>

S� lagrer du.

S� trykker du ''maler'', og trykker ctrl + f (samtidig). Og limer inn denne:
<div id="wrapper" class="yui-gc">

Under den, skal du lime inn denne koden
<a href="LEGG INN LINK" class="box">NAVN P� MENY KNAPPEN</a>

Jo fler bokser du vil ha, jo flere limer du inn. Hvis du vil ha et bilde hvor det st�r f.eks, ''Om Meg'', s� kan du lage ditt eget bilde p� paint eller photobucket.. You name it, s� laster du opp det bildet p� www.tinypic.com, og limer den linken inn der hvor det st�r ''NAVN P� MENY KNAPPEN''.

Men hvordan f�r jeg noe inn i de boksene p� menyen??

Dette er noe jeg har s�kt rundt p� lenge. Og jeg fant det endelig ut p� www.whoot.blogg.no sin blogg.
Du m� skrive et heelt vanlig innlegg, og lagre og publiser det. S� �pner du det innlegget og kopierer den linken til inlegget og limer det inn der det st�r ''LEGG INN LINK'' p� koden til meny under headeren. Men husk � fjerne ''comment'' p� slutten av den linken, for hvis du ikke gj�r det, begynner siden p� slutten av innlegget og ikke p� toppen.

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;

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

SMAL BLOGG

Koden:
width: 610px;

Hvor legger jeg den inn?
Du legger den under #header, #wrapper og #footer.

Slik skal det se ut da:
#header {
background-color: #FFFFFF;
height: 236px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#wrapper {
background-color: #FFEFFC;
margin-left: auto;
margin-right: auto;
width: 700px;
}
#footer {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 700px;
}

N� er det bare � endre tallet til hva du m�tte �nske. 600px eller kanskje 800px. Du bestemmer.

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

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 helt �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>

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

Hvordan f� ''liker'' knapp p� bloggen din, alts� fra facebook

G� inn p� ''design'', s� ''rediger'' s� trykker du ''maler''. S� trykker du ctrl + f (samtidig). S� limer du inn:

<div class="content">${EntryBody}

S� under den, limer du inn:

<iframe src="http://www.facebook.com/plugins/like.php?href=www.ommundsenelise.blogg.no&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Google oversetter p� din blogg

F�rst g�r du inn p�; http://translate.google.com/translate_tools?hl=no
Der henter du koden.

Hvor skal jeg legge den�inn?
Design -> Rediger -> Maler

N�r du er inne p� Maler, s� trykker du p� CTRL + F tastene. Der skal du s�ke p� "sidebar". Under der, skal du lime inn koden du hentet p� nettsiden. Og s� er det bare � lagre malen.

F� ET�LITE IKON�ATTMED 'KOMMENTARER' F.EKS.

Kode:
<img src="http://i43.tinypic.com/2crm3qu.gif">

Hvor skal jeg legge den inn?
Design -> Rediger -> Maler.
Trykk p� CTRL + F. S�k p� Kommentarer. N�r du har funnet en linje som dette; <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
S� skal du legge inn koden bak. Slik at det ser ut�som dette:
<img src="http://i43.tinypic.com/2crm3qu.gif"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
Trykk Lagre malen, og da skal det v�re et lite bilde bak "Kommentarer".

-----

Det samme gj�r du, hvis du vil ha bilde attmed dato...

Du bruker da denne koden; <img src="URL-adressen til bildet">
For � finne Url-adressen til et bilde gj�r du ved � h�yreklikke eller laste opp bildet p� tinypic.
Og s� m� du inn p� Maler for � legge inn koden.

--------------------------------------------------------------------------------------------------------------------------------------------------------------------

H�per det var til no hjelp:) Jeg er ikke verdens flinkeste til � forklare:P
Hvis det er noe mer du lurer p�, bare skriv i kommentar feltet;)

Forkj�la-.-

HAMSTRENE ANGRIPER! Med gr�nnsaker?:3

Skummelt!:O

Favoritt - Ting <3

(Svarer Ikke)!

Sang jeg har skrevet leeenge siden:L

Hei

Hei

Hei

HTML - koder!

ommundsenelise

Kategorier

Arkiv

Siste innlegg

Siste kommentarer

Lenker