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 nr man har skrevet en kommentar. Eksempel:
rundeavatarer

Klikk deg videre til nerdie.me for lese hvordan du fr 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.

Skeboks

Dette er koden til en snn skeboks 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 ske 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="Sk" 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 skeboksen

Legg til denne koden over skeboksen:

<h3>Sk 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 hyere tall.

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

#wrapper {
background-color: transparent;
}

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

#main {
background-color: #ffffff;
}

Runde hjrner

Med disse kodene kan du f runde hjrner p alt du mtte nske. Er det noe jeg ikke har forklart, s legg igjen en kommentar om hvor du vil ha runde hjrner.

Her er kodene som gjr 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 hyere tall, jo rundere hjrner.
Disse kodene m du da lime inn i stilsettet der du vil ha runde hjrner, 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 lre 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 gjre p tinypic.com.
Bytt ut 200 med den bredden du vil ha p bildet. Hvis bildet er passe stort fra fr kan du fjernewidth="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 fr kan du fjernewidth="200".

Tekststrrelse

<font size="5">TEKST HER</font>
Bytt ut 5 med et hyere eller lavere tall, og TEKST HER med teksten som skal ha en annen skriftstrrelse.


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 str "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 vre 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 fr 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 flgende 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 snn ut:

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

Du kan bruke punktum, slash, et mellomrom eller hva du enn mtte 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 gjre p tinypic.com. Bildeurl-en er den som slutter med .jpg.
Du kan endre bredde (width) og hyde (height). Vil du at bakgrunnen skal repeteres, s bytter du ut no-repeat med repeat.

Stillestende bakgrunn

Hvis du blar opp og ned p bloggen min, s ser du at bakgrunnen min str 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 snn 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 nr 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 beskende i kommentarfeltet

Her skal jeg forklare hvordan du skriver en beskjed til dine beskende i ditt eget kommentarfeltet som alle kan se fr 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 lre deg hvordan du fr mellomrom mellom sidemenyen og blogginnleggene. Denne kan du ogs bruke for f en smal blogg! Det er ikke bare en eneste kode. Med denne fr 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 str i stilsettet fra fr, s m du fjerne det. Det gjelder ogs #side og #main.
#wrapper {
background-color: #fff;
}

Du kan endre det som str etter width om du vil at bloggen skal vre bredere eller smalere. Gjr du #main eller #side bredere, m du gjre #wrapper bredere. Hvis sidemenyen flytter seg ned, s m du gjre #main eller #side smalere, eller gjre #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 vre lurt velge "bygg ditt eget design" fr du bruker disse kodene da jeg ikke vet hva du har i stilsettet ditt fra fr.

F strre 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 str URL. Endre 200 til den bredden du vil ha p bildet.

"Legg meg til som venn"-link

For f en link der det str 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. Fr du gjr det kan du skifte strrelse 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. Str det h2 der fra fr, s fjern det snn at ingenting krsjer.

h2, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {
font-family: times; /* Skrifttype */
font-size: 22px; /* Strrelse */
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 fr 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 fr 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 gjre, men det srger for at du fr 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 str 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 (hyreklikkforbud)

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 gr det heller ikke an merke bilder og tekst i Internet Explorer.

Legg denne koden til body-taggen. Body taggen ser snn ut: <body>

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

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

Det kan hende de str 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 ske):
<tag:entrylist limit="
Bytt ut tallet som str der med det tallet du vil ha. Vil du ha 30 av dine siste innlegg, skriver du 30. Da skal det se snn 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 gjr 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 frste/verste.

Kant rundt blogginnlegg

Lim denne koden inn i stilsettet.

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

1 str for hvor tykk kanten skal vre. 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 gjre det samme p alle de.

Slik fr 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 str forklart ved siden av kodene hva de betyr.

#meny {
font-family: arial;
font-size: 12px; /* Tekststrrelse */
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, hyre, nede, venstre */
}
#meny a:hover {
color: #696969; /* Farge p linken nr du frer 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