HTML - hjelp

GENEREL HJELP



Merk alt; Ctrl+A
Klipp ut; Ctrl+X
Kopier; Ctrl+C
Lim inn; Ctrl+V
Lukk side; Ctrl+W
Sk; Ctrl+F


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 mtte nske. 600px eller kanskje 800px. Du bestemmer.


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>

ENDRE BAKGRUNN FOR OVERSKRIFTER



Koden:
h2 {
cursor:default;
background-color: #000000; <- Her endrer du bakgrunnsfarge..
color: #16CC16;
font-size:9pt; <- Her endrer du strrelsen
font-family:tahoma; <- Her endrer du for skrift typen
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16;
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

Hvor legger jeg den inn?
Den skal du lime inn nederst i stilsettet ditt.

Og s er det bare og lagre stilsettet.

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. :)

RAMME RUNDT HELE SIDEN




Koden:
border: 8px solid #000000;

Hvor skal jeg legge deninn?
Helt verst i stilsettet.

Slik skal det se ut;
body {
background-color: #FFFFFF;
font-family: times new roman;
border: 8px solid #000000;
}

GOOGLE OVERSETTER P DIN BLOGG




Frst gr du inn p; http://translate.google.com/translate_tools?hl=no
Der henter du koden.

Hvor skal jeg legge deninn?
Design -> Rediger -> Maler

Nr du er inne p Maler, s trykker du p CTRL + F tastene. Der skal du ske p "sidebar". Under der, skal du lime inn koden du hentet p nettsiden. Og s er det bare lagre malen.
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.

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.
STRRE OVERSKRIFT (ARKIV, KATEGORIER osv.)

Hvordan gjr jeg dette?
Design -> Rediger -> Maler.
Sk (CTRL + F) p 'arkiv'. Nr du finner denne; <h3>Arkiv</h3>. s kan du istedenfor h3, skrive h1.
Det samme gjr du med Kategorier, Arkiv, Siste innlegg, Siste kommentarer og Lenker.
N trykker du p Lagre Malen og da skal overskriftene 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...

F BORT NAVNET OVER HEADEREN




Koden:
#header h1, #header p { display:none }

Hvor skal jeg legge den inn?
Den skal du legge nesten helt nederst i stilsettet ditt.

Slik skal det noenlunde se ut;
#header { color: #FFFFFF; }
#header h1, #header p { display:none }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFFFFF; }
F BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

Slik gjr du det:
Design -> Rediger -> Maler.
Ctrl + f. Sk p blogg.no, s skal du lete etter linjen;
<div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> ${BlogTitle}</div>
Denne skal du fjerne alts.
Etter du har tatt bort den, s skal du lagre malen, og da skal linken under headeren vre borte.

RAMME RUNDT HVERT INNLEGG




Koden:
}
.entry {
border: 1px solid #708090;
background: #FFFFFF;
text-align: center;
}

Hvor skal jeg legge den inn?
Den skal du legge helt nederst i stilsettet ditt.

MENY UNDER HEADEREN




Koden du skal bruke:
<a href=LINK TIL INNLEGGET><img src=URL-ADRESSEN TIL BILDET></a>

Det frste du m gjre er lage et bilde i f.eks. paint. Du kan lage detuansett, slik som du vil, f.eks. som et hjerte, trekant eller bare en liten firkant. Og du m huske skrive hva det gjelder, f.eks. du kan skrive p det ene bildet; Om meg. Nr du har gjort det s m du laste bildet opp p en nettside. Det kan du gjre p www.tinypic.com. N er det bare legge inn koden. Og som du ser under s er det bare lagt inn en link som blir vises under headeren. Men hvis du vil ha flere s er det bare lage flere bilder og legge inn flere koder under den frste du la inn..

Hvor skal jeg legge inn koden?
Design -> Rediger -> Maler.
Sk (CTRL + F) p " BlogDescription ". Og da skal du legge inn koden under </div> .

Slik skal de se ut:
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<a href=www.dinblogg.blogg.no><img src=http://dittbilde.jpg></a>
<div id="wrapper" class="yui-gc">

N trykker du p Lagre Malen og da skal det vre en meny under headeren din.

FJERNE "SISTE KOMMENTARER", "ARKIV"...



Du m frst g til maler (design -> Rediger -> Maler).
Nr du har gjort det s sker du p f.eks. 'siste kommentarer'.Da skal du finne dette fram i maler:
<h3>Siste kommentarer</h>
<ul>
<tag:commentlist global="true" limit="10" sort="desc">
<li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
</tag:commentlist>
</ul>
</div>
---
Dette skal du fjerne rett og slett. Det samme gjr du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil.

Etter det s trykker du p Lagre Malen, og da skal de "boksene" vre borte.

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.


KILDER:


http://benedictehh.blogg.no/1237305484_html_koder.html, www.shelovesit.blogg.no og meg selv :)

2STISER ♥

Andrea

01.feb.2010 kl.18:23

nyttig! <33333

kaja

02.feb.2010 kl.19:46

<3 nyttig

SKRIV EN NY KOMMENTAR ♥

mariasolvang ♥

mariasolvang ♥

14, Trondheim

Heey! Du har n ankommet min blogg, som skrives av meg Maria. En jente p tretten som skriver det som fsller henne inn. Du vil ogs kunne finne outfits, konkurranser, videoer, vurderinger, blogg vs blogg og mye mer. Du kan kontakte meg p nettby som mariaaxx. Snakkes! <3

Hva vil du ha mere av p bloggen?

View Results
Create a LiveJournal Poll

Kategorier

Arkiv

hits