HTML og CSS

Kommentarstiler

Jeg har laget forskjellige stiler for kommentarer/kommentarfelt som du kan bruke. Disse kodene skal fungere uten problemer om du har et standard blogg.no design. Har du endret på kodene eller brukt en annen designmal så kan det hende at det ikke blir helt likt. En av stilene:

Klikk på bildet for å se alle stilene og kodene.

kommentarstil1

nerdie.me

Runde avatarer

En avatar på blogg.no er bildet som dukker opp når man har skrevet en kommentar. Eksempel:
rundeavatarer

Klikk deg videre til nerdie.me for å lese hvordan du får runde avatarer.

 

#avatar #design #html #css #designhjelp #bloggdesign

Endre bakgrunnsfarge på kommentarer

Legg til koden nederst i stilsettet. Bruker du denne koden blir kommentarene fra registrerte bruker, deg selv og andre helt like. #D7D7D7 er fargen på kanten rundt kommentarene. #efefef er bakgrunnsfargen.

#comments .owner, #comments .other, #comments .user{
border: 1px solid #D7D7D7;
background-color: #efefef;
}

Hvis du vil at kommentarene fra registrerte bruker på blogg.no, deg selv og andre skal ha forskjellige farger, må du legge til en kode for hver av delene.

Registrerte brukere på blogg.no

#comments .user{
border: 1px solid #D7D7D7;
background-color: #efefef;
}

Eieren av bloggen (deg)

#comments .owner {
border: 1px solid #D7D7D7;
background-color: #efefef;
}

Alle andre

#comments .other {
border: 1px solid #D7D7D7;
background-color: #efefef;
}

Fallende snø


Her er koden du skal bruke:

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
</script>

Legg koden inn under <body> eller <body class="front">

Javascriptet er hentet her.

Søkeboks

Dette er koden til en sånn søkeboks jeg har ved siden av menyen over headeren. Hvis det er noe spesielt noen leter etter på bloggen din, så kan de bruke denne for å søke det opp.

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">
<input type="hidden" name="bl_id" value="${BlogID}" />
<input type="text" name="criteria" value="" size="11" maxlength="1000"
id="soek" />
<input type="submit" value="Søk" style="width: 40px;" id="soek" />
</form>


Hvis du vil ha den under profilen din, så skal du legge den til over disse kodene i malene:

</tag:if>
</tag:profile>

Slik skal det se ut.



Egen overskrift til søkeboksen

Legg til denne koden over søkeboksen:

<h3>Søk i bloggen</h3>

Endre farger

Legg til dette nederst i stilsettet:

#soek {
background-color: #efefef;
border-color: #d7d7d7;
}


#efefef er bakgrunnsfargen. #d7d7d7 er fargen på kanten rundt.

Del sidemenyen opp i bokser

Her skal jeg forklare deg hvordan du deler sidemenyen opp i bokser. Hvis du har rotet mye med kodene til sidemenyen i malene, så er det ikke sikkert at dette funker hos deg.

Legg inn denne koden nederst i stilsettet:

#side div {
background-color: #FFFFFF;
padding: 8px;
margin-bottom: 10px;
}

Hvis du vil at boksene skal ha mer mellomrom mellom seg, bytter du ut 10 etter magin-bottom: med et høyere tall.

Hvis bakgrunnsfargen på wrapper er satt til #FFFFFF må du endre den til transparent. Sånn:

#wrapper {
background-color: transparent;
}

Hvis denne koden ikke ligger i stilsettet ditt allerede, så kan du legge den inn for at blogginnleggene skal være hvite.

#main {
background-color: #ffffff;
}

Runde hjørner

Med disse kodene kan du få runde hjørner på alt du måtte ønske. Er det noe jeg ikke har forklart, så legg igjen en kommentar om hvor du vil ha runde hjørner.

Her er kodene som gjør det. Det er 4 forskjellige koder som fungerer for forskjellige nettlesere. Ingen av dem funker for Internet Explorer.

-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;

Du kan bytte ut 7 med et annet tall. Jo høyere tall, jo rundere hjørner.
Disse kodene må du da lime inn i stilsettet der du vil ha runde hjørner, og her er en oversikt for hva som er hva. Koden skal limes inn mellom disse to klammene { }

 

Rundt alle blogginnleggene

#main {
}

Hvert enkelt blogginnlegg

.entry {
}

Sidemenyen

#side {
}

Boksen rundt sidemeny og blogginnlegg

#wrapper {
}

 

 

Headeren

#header {
}

Basic HTML

Her skal jeg lære deg noen grunnleggende html-koder, som du kan bruke i malene dine. Disse kodene kan brukes overalt, ikke bare på blogg.no.

Mellom html-kodene, har jeg skrevet hva de betyr.

<b> Fet tekst </b>
<i> Kursiv tekst </i>
<u> Understreket tekst </u> 
<s> Gjennomstreket tekst </s>

<br /> = Linjeskift

Bilde

<img src="URL" width="200" />

Bytt ut URL med url-en til bildet. For å få en url, må du laste bildet opp på nett. Det kan du gjøre på tinypic.com.
Bytt ut 200 med den bredden du vil ha på bildet. Hvis bildet er passe stort fra før kan du fjerne width="200".

Link

<a href="URL" target="_blank">TEKST HER</a>

Tekst eller bilder som kan trykkes på, kalles linker. 
Hvis du ikke vil at linken skal åpnes i et nytt vindu/en ny fane, fjern target="_blank"

Bilde med link

<a href="URL" target="_blank"><img src="BILDEURL" border="0" width="200" /></a>

Hvis du vil komme til en ny side ved å trykke på et bilde, bruk denne koden. Bytt ut URL med en adresse til en nettside og BILDEURL med url-en til bildet. 
Hvis du ikke vil at linken skal åpnes i et nytt vindu/en ny fane, fjern target="_blank"
Bytt ut 200 med den bredden du vil ha på bildet. Hvis bildet er passe stort fra før kan du fjerne width="200".

Tekststørrelse

<font size="5">TEKST HER</font>
Bytt ut 5 med et høyere eller lavere tall, og TEKST HER med teksten som skal ha en annen skriftstørrelse.


 

Fjerne lenker

Slett dette fra malene:

<tag:if test="${HasLinks == 'true'}">
<div>
<h3>Lenker</h3>
<ul>
<tag:linklist>
<li>
<a href="${LinkURL}">${LinkName}</a>
</li>
</tag:linklist>
</ul>
</div>
</tag:if>

"Kommenter her" under innlegget

Vil du har en link der det står "Kommenter her" under hvert innlegg?


Her er koden som skal inn i forsidemalen:
<a href="${EntryPermaLink}#comment"> Kommenter her </a>


Legg til koden under denne koden:
<div class="content">${EntryBody}</div>

 

Hvis du vil at linken skal være på midten, bruker du denne koden i stedet.
<center><a href="${EntryPermaLink}#comment"> Kommenter her </a></center>

 

Du kan bytte ut Kommenter her med det du vil ha.

 

Kategorier, arkiv og linker vannrett

Kategorier, arkiv, siste innlegg, siste kommentarer og linker i sidemenyen er som standard listet nedover med et linjeskift for hver link. Her skal jeg vise deg hvordan du får de til å stå ved siden av hverandre i stedet for under hverandre. Kodene du skal endre på befinner seg i Maler.

Her ser du kodene til kategorier (overskriften og lista). Kodene for arkiv, linker osv ser stort sett helt lik ut. 
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>

Du skal fjerne følgende koder:
<ul>
<li>
</li>
</ul>

Ikke fjern noe annet enn de kodene. Hvis du nå vil ha et komma (eller et annet tegn) mellom kategoriene, så må du skrive tegnet etter <a href="${CategoryLink}">${CategoryName}</a>. Til slutt skal kodene for kategorier se sånn ut:

<h3>Kategorier</h3>
<tag:categorylist>
<a href="${CategoryLink}">${CategoryName}</a>,
</tag:categorylist>

Du kan bruke punktum, slash, et mellomrom eller hva du enn måtte ønske.

De samme reglene gjelder for resten av overskriftene i sidemenyen. Hvis du har lagret malene dine og gjort en feil kan du gå til Design > Arkiv for å stille tilbake designet.

 

Legge inn header uten å ødelegge designet

Hvis du har lagt inn koder i stilsettet selv, så kan du ikke bruke designbyggeren til å legge inn en header. Da vil alle kodene du har lagt inn forsvinne. Her er koden du skal bruke for å legge inn en header.

#header {
background-image: url('URL-EN TIL HEADEREN HER');
background-repeat: no-repeat;
width: 950px;
height: 500px;
}

For å få en url til headeren, så må du laste den opp på nett. Det kan du gjøre på tinypic.com. Bildeurl-en er den som slutter med .jpg.
Du kan endre bredde (width) og høyde (height). Vil du at bakgrunnen skal repeteres, så bytter du ut no-repeat med repeat.

Stillestående bakgrunn

Hvis du blar opp og ned på bloggen min, så ser du at bakgrunnen min står helt stille. Selve koden for å få det til er

background-attachment: fixed;

Den koden setter du f.eks under body {. Men for å få den til å funke, må du også ha et bakgrunnsbilde. 
Den koden ser sånn ut:

background-image: url('URL-EN TIL BILDET HER');

Vise hele innlegg på kategorier/arkiv

Irriterer du deg over at bare litt av blogginnleggene vises når du trykker på en kategori eller arkiv? 
Gå inn på Malene som heter kategori og arkiv. Fjern maxchars="200" i begge malene. 




Skrive beskjed til besøkende i kommentarfeltet

Her skal jeg forklare hvordan du skriver en beskjed til dine besøkende i ditt eget kommentarfeltet som alle kan se før de skriver en kommentar. Eksempel:



Gå til Design - Rediger - Maler - Innlegg.
Du skal skrive beskjeden mellom <textarea name="comment" onchange="doChange(this);"> og </textarea>




Flytte sidemenyen til venstre

Med en enkel kode kan blogginnleggene og sidemenyen bytte plass. 
Lim inn dette helt nederst i stilsettet:

float: right;
}
float: left;
}

Skille sidemenyen fra blogginnlegg/få smal blogg

Her skal jeg lære deg hvordan du får mellomrom mellom sidemenyen og blogginnleggene. Denne kan du også bruke for å få en smal blogg! Det er ikke bare en eneste kode. Med denne får du litt flere muligheter for å bestemme hvordan du vil ha det.

Her er selve kodene som du skal lime inn i stilsettet og eventuelt endre på om du vil det.
#wrapper {
background-color: transparent;
width: 950px;
}
#main {
float: left;
padding: 5px;
width: 635px;
background-color: #ffffff;
border: 0px solid #000000;
}
#side {
float: right;
padding: 5px;
width: 285px;
background-color: #ffffff;
border: 0px solid #000000;
}

Hvis f.eks dette står i stilsettet fra før, så må du fjerne det. Det gjelder også #side og #main.
#wrapper {
background-color: #fff;
}

Du kan endre det som står etter width om du vil at bloggen skal være bredere eller smalere. Gjør du #main eller #side bredere, må du gjøre #wrapper bredere. Hvis sidemenyen flytter seg ned, så må du gjøre #main eller #side smalere, eller gjøre #wrapper bredere.

#main er blogginnleggene og #side er sidemenyen.

Om ting ikke ser helt bra ut, så kan du legge til denne koden nederst i stilsettet: #doc2 { margin: 0px; padding: 0px; width: 100%; }


PS: Det kan være lurt å velge "bygg ditt eget design" før du bruker disse kodene da jeg ikke vet hva du har i stilsettet ditt fra før.

Få større profilbilde

1: Last opp bildet ditt på tinypic.com

2: Kopier url-en (Direct Link for Layouts).

3: Gå inn på maler og finn denne koden:
<img src="${ProfileImageUrl}" alt="${ProfileName}" />

4: Bytt den ut med denne:
<img src="URL" alt="${ProfileName}" width="200" />

Lim inn url-en der det står URL. Endre 200 til den bredden du vil ha på bildet.

"Legg meg til som venn"-link

For å få en link der det står Legg meg til som venn, kopier og lim inn denne koden der du vil ha linken.

<a href="${ProfileUrl}">Legg meg til som venn</a>

Youtube video i blogginnlegg

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.

DENNE FUNKER IKKE LENGER. NY GUIDE KOMMER.



1:
Finn youtube videoen du vil ha.

2: Trykk på Innbygg. Kopier koden som kommer opp. Før du gjør det kan du skifte størrelse og farge om du vil.

3: For å få videoen i et innlegg, må du trykke på HTML av/på. Lim koden inn nederst og trykk på HTML av/på igjen. Nå vises videoen som en gul/oransj firkant.

Endre "Send kommentar"

Gå til Design -> Rediger -> Maler -> Innlegg

Bla ned til du finner  "Send kommentar" og bytt ut med det du vil skal stå der.

Bakgrunnsbilder til "Send kommentar"-knapp

Kopier koden under den bakgrunnen du vil ha og lim den inn i stilsettet.



#comment_submit {
background-image: url('http://i47.tinypic.com/wu01sm.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}


#comment_submit {
background-image: url('http://i46.tinypic.com/vngv2d.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}



#comment_submit {
background-image: url('http://i45.tinypic.com/jp9zls.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
color:#505050;
}



#comment_submit {
background-image: url('http://i49.tinypic.com/f3n6u.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i49.tinypic.com/mj1pue.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i50.tinypic.com/33etzmd.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}



#comment_submit {
background-image: url('http://i45.tinypic.com/2qmnnlw.jpg');
background-repeat: repeat;
-moz-border-radius: 0.5em;
}

Endre utseende på overskrifter i blogginnlegg

Lim dette inn i stilsettet. Står det h2 der fra før, så fjern det sånn at ingenting kræsjer.

h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
font-family: times;  /* Skrifttype */
font-size: 22px;  /* Størrelse */
font-weight: normal;  /* Bytt ut normal med bold om du vil ha fet skrift */
color: #010101;  /* Farge  på skriften */
background-color: #FFFFFF;  /* Bakgrunnsfarge */
padding: 5px;  /* luft rundt overskriften */
border-bottom: 0px solid #000000;  /* strek under */

text-align: left; /* left kan byttes ut med center eller right */ 
}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { border: 0px;}

Dropdown meny

Lim dette inn i stilsettet:
Background-color, color (farge på teksten), border osv kan endres på.

#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #fff;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 0px dashed #F7D7EE;
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 10px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #fff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 1px dotted #ffc0c0;
color: #727272;
}
#navbar li li a:hover {
background-color: #ffc0c0;
}
#meny {
width: 610px;
margin-left: auto;
margin-right: auto;
}


Og kodene under i malene hvor du vil at menyen skal vises. På bildet har jeg forklart hvor du skal lime inn koden.


 

<div id="meny">
<ul id="navbar">

<li><a href="#">Siste innlegg</a>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</li>

<li><a href="#">Kategorier</a>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>

<li><a href="#">Arkiv</a>
<ul>
<tag:archivelist limit="10">
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>

<li><a href="#">Overskrift</a>
<ul>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
</ul>
</li>

</ul>
</div>


Vil du ha flere "overskrifter" med dropdown meny, så legger du bare til dette før den siste </ul>.
Listene med siste innlegg, kategorier og arkiv kan fjernes hvis du ikke vil ha dem.
Bytt ut # med den url-adressen du vil linke til. Firkanten før overskrift kan bare stå der om du ikke vil ha noen link der.

<li><a href="#">Overskrift</a>
<ul>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
<li><a href="#" class="nav">Link</a></li>
</ul>
</li>

Bakgrunnsfarge bak dato/kategori/kommentarer

Hvis du ser på datoen og det her ^ så har jeg en farge bak det. Det er så enkelt som å legge til en bakgrunnsfarge. Lim dette inn i stilsettet:

.entry .meta {
background-color: #f1f1f1;
padding: 3px;
}


Bytt ut #f1f1f1 med den fargen du vil ha.
padding: 3px; har ingenting med bakgrunnsfarge å gjøre, men det sørger for at du får litt luft mellom kanten og teksten.

Bytte farge på scrollbaren

NB: Vises bare i Internet Explorer og Opera.

Lim disse kodene inn i stilsettet. Under er det et bilde som forklarer hva de forskjellige ordene betyr. Bytt ut fargene som står etter color:

body {
scrollbar-face-color: #D4D0C7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #D4D0C7;
scrollbar-darkshadow-color: #404040;
scrollbar-shadow-color: #808080;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #D5D1C8;
}

Kopisperre 2 (høyreklikkforbud)

Lim denne koden under <body> eller <body class="front"> i malene. Bytt ut Function Disabled! med den meldingen du vil ha.

<script language=JavaScript>
<!--

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var message="Function Disabled!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>

For flere javascript-koder, se www.dynamicdrive.com.

Kopisperre 1

Hindrer folk i og dra bilder til f.eks adresselinjen for å få URL-en eller og dra og kopiere tekst. Med denne koden går det heller ikke an å merke bilder og tekst i Internet Explorer.

Legg denne koden til body-taggen. Body taggen ser sånn ut: <body>

ondragstart="return false" onselectstart="return false"

Har du gjort det riktig skal den se sånn ut: <body ondragstart="return false" onselectstart="return false" >

Det kan hende de står class="front" inni body-taggen, det trenger du ikke å fjerne.

Endre antall blogginnlegg på forsiden

Hvis du vil at flere av innleggene dine skal vises på forsiden av bloggen din.
Let etter dette i malen "forside" (ctrl + F for å søke):
<tag:entrylist limit="
Bytt ut tallet som står der med det tallet du vil ha. Vil du ha 30 av dine siste innlegg, skriver du 30. Da skal det se sånn ut: <tag:entrylist limit="30">

Fjerne siste kommentarer

Slett dette fra malene:

<div>
<h3>Siste kommentarer</h3>
<ul>
<tag:commentlist global="true" limit="10" sort="desc">
<li> ${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
</tag:commentlist>
</ul>
</div>

Fjerne siste innlegg

Slett dette:
<div>
<h3>Siste innlegg</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</div>

Fjerne arkiv

Slett dette fra malene:

<div>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</div>

Fjerne kategorier

Slett dette fra malene:

<div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div>

Fjerne profil

Legg dette til nederst i stilsettet:

#profile { display: none; }

Fjerne reklame i sidemenyen

Hvis du gjør dette fjerner du også  widgets!

Dette er koden du skal fjerne: </tag:profile>

Det finnes to av den i malene, og du skal slette den første/øverste.

Kant rundt blogginnlegg

Lim denne koden inn i stilsettet.

.entry {
border: 1px solid #000000;
}

1 står for hvor tykk kanten skal være. Den kan endres til hva som helst.
Solid kan byttes ut med dotted, dashed, double, groove, ridge, inset eller outset. (trykk på de for å se hvordan de ser ut)
#000000 er fargen. Klikk her for å finne fargekoder.

Midtstille bloggen

Lim disse kodene inn i stilsettet:

#wrapper {
margin-left: auto;
margin-right: auto;
}
#header {
margin-left: auto;
margin-right: auto;
}
#footer {
margin-left: auto;
margin-right: auto;
}

Bilder i sidemenyen

Bilder i sidemenyen
For å få bilder i sidemenyen må du bruke html. Du kan enten skrive det inn i widgets eller rett i malen. Widgets er enklest om du ikke vet hvor du skal sette koden.

<img src="URL" width="200" />

Bytt ut URL med url-en til bildet. Bytt ut 200 med bredden du vil ha.

Endre "x kommentarer"

Endre "x kommentarer"
Gå til maler. Scroll ned til du finner dette:
<a href="${EntryPermaLink}#comment"> 0 kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment"> 1 kommentar</a>
<tag:else />
<a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a>

Bytt ut ordet "kommentar" med det du vil skal stå. Om du vil ha det likt på innlegg, kategorier og arkiv, så må du gjøre det samme på alle de.

Slik får du horisontal meny under/over headeren

1: Lim disse kodene inn i malen under eller over headeren.
Bytt ut # med url-en og Link med navnet på linken.

<div id="meny">
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
<a href="#"> Link </a>
</div>




2: Lim deretter dette inn i stilsettet. Det står forklart ved siden av kodene hva de betyr.

#meny {
font-family: arial;
font-size: 12px; /* Tekststørrelse */
text-align: center;
width: 890px; /* Bredde */
padding: 5px 0px 5px 0px;
background-color: #efefef; /* Bakgrunnsfarge bak hele menyen*/
margin-left: auto;
margin-right: auto;
}
#meny a {
background-color: #efefef; /* Bakgrunnsfarge */
color: #898989; /* Farge på linken */
padding: 5px 15px 5px 15px;
width: 100%;
margin: 0px 8px 0px 0px; /* Mellomrom mellom boksene. Oppe, høyre, nede, venstre */
}
#meny a:hover {
color: #696969; /* Farge på linken når du fører pekeren over */
background-color: #efefef; /* bakgrunnsfarge */
}

HTML og CSS ++

Se hvor mange som er online på bloggen din

Det finnes mange forskjellige sider hvor du kan hente html-koder for å få se hvor mange som er på bloggen din akkurat nå. Jeg bruker denne. Trykk på Get your own free counter!, kopier koden og lim den inn under Widgets.



Lisa

Lisa

24, Trondheim

Jeg har flyttet til www.nerdie.me/design



Kategorier

Arkiv

hits