Havnedagen 2014

I dag var vi nede i havna i Kristiansand. Det var fint vær og sola skinte. Vi skulle til å gå til havna, men på gata ved Sandens så vi en skyttelbuss kalt “Kristiansand Sightseeing” (en buss med to etasjer). Den var gratis, så vi tok den. Første gang jeg sitter på en sånn buss!

Denne bussen er kjent for å kjøre turister og reisende til Kristiansandsområder. Har gratis WiFi og er spennende å “bli med på tur” (kult eller hva?).


Det var kun i dag det var gratis tur. Bussen gikk fra Markens gate til havna og havna til Markens gate.


Utsikt sett fra der jeg satt – Politibilen var her fordi tollvesen skulle demonstrere søk på personbil med narkohund.


Det var deilig å sitte på taket når den var åpen så vi fikk både vind og sol samtidig.


Jeg er en turist, ok.


Velkommen til Havnedagen 2014 skilt.

På Kilden var det smaksprøver av fiskesuppe, Twist og kaffe. Elsket fiskesuppen som minnet om sjø, fisk og sommer.


Mange folk.


Elsker formen som inspirerer meg til å ta et bilde av det.


Det var mange båter som vi besøkte og gikk ombord: Redningsselskapet, Losbåten, K.V Nornen, Gamle Oksøy, Skøy, Otra og S/S Christianssand. Her er det stedet der folk har alle de knappene og kontrollene over båten. Ser et overvåkningskamera der.


Christiansholm festning. Det skjedde egentlig mye der. På bildet ser dere Elias båten.

Radiostyrt båt. 


Tidlig ute for å ta bussen tilbake, da vi fikk velge de beste plassene – helt foran i bussen i 2. etasje.


Tok bilde av en randomt bygg ved siden av Kilden.


Sett fra 2. etasje og ned.

Denne dagen synes jeg var veldig spesiell fordi den minnet meg litt om reise og sommer. Hvis dere leser og ser på bildene i dette innlegget, får dere kanskje samme følelsen som meg?

// Jeg satt nettopp her for å skrive dette innlegget, da jeg plutselig hadde krysset ut hele fanen … og innlegget var lagret som utkast. Det ble borte og jeg hadde kun lagret bildene i innlegget, men ikke teksten … utrolig nok måtte jeg fort skrive på teksten IGJEN. Irriterende. Jeg kommer sannsynligvis til å redigere dette innlegget i morgen om jeg har glemt noe. Verste følelsen for en blogger er at noe blir slettet i innlegget når man trykker feil og man må skrive det på nytt …

Havnedagen i morgen

I morgen, lørdag 31. mai, arrangeres Kristiansand Havn havnedag. Hele havneområdet fra fergeterminalen til Silokaia blir åpnet for publikum. Fra kl. 11 – 15 finner du spennende opplevelser, konkurranser og gode tilbud. Se hjemmesiden for mer info.

Et kart som forteller hvor det skal foregå.

Det kommer til å bli mange aktiviteter, utstillinger, konkurranser, salg av mat osv … Værmeldinga melder sol og det er jo ganske flott!

“Automatisk” styrt bil

Leste nettopp på TV2’s nettside at Google snart lanserer en bil som ikke har ratt og bremser. Det høres nytenkende og praktisk ut, at noen har oppfunnet en sånn bil som kjører av seg selv når du bare sier hvilket sted du skal til. Og du trenger ikke å styre den selv. Denne bilen kommer til å bruke sensorer og datamaskiner for å styre seg selv, og at de som sitter inni ikke trenger å gjøre noe for å kjøre bilen. Alt de behøver er å stille inn hvor de skal.


PROTOTYPE: Dette var bilen som en rekke utenforstående nylig fikk teste i California, i regi av Google.


FRA INNSIDEN: Slik ser skjermen på innsiden av bilen ut.

Målet innen et år er at de skal ha 100 biler på veiene, ifølge nyhetsbyrået Associated Press. De vil ikke kunne kjøre raskere enn 40 km/t. Utseendet er foreløpig som på bildene: bilen er liten og kompakt med to seter, to knapper samt en skjerm som viser ruten man følger. Sett forfra ser fronten ut som et tegneserieansikt, med frontlys som øyner. 

Jeg lurer faktisk på om disse bilene er trygt å stole på, selvom de ikke har ratt og bremser.
Kilder: http://www.tv2.no/a/5644901

Møbeldesignmodell

I dag var målet mitt å få ferdig møbeldesignmodellen. Det jeg valgte var å lage Le Corbusier’s LC2 Petit stolen. Oppgaven i stilhistorien var å lage en modell av et av møblene til den designeren jeg hadde skrevet om (som skrevet før, jeg hadde en designer som bare var kjent for lampedesign), men jeg kunne velge en annen designer. Stolens mål ble 1:4, som vil si at stolens virkelige størrelse delt på 4. Vi kunne bruke hvilke som helst materialer. Litt om materialer jeg har brukt: Kapaline til å bygge opp stolen, knappenåler for å sette sammen, RX lim og “sølvpapir”.


“Setene” (til høyre) er tatt ut og malt med sort maling.


Stolen forfra.


Stolen bakfra.


Her kan dere se ca. hvor stor den er i virkeligheten.


Stolen på sokkelen. Eller burde jeg ha sagt “sofa”? Malinga ble litt ujevn … skal fikse opp dette senere. Skulle ha laget denne modellen med skinn på, men hadde ikke nok. Da ble det derfor maling.

Legger med et bilde av den originale versjonen av LC2 Petit stolen:

Nesten helt likt som en kopi, hva synes dere om møbelmodellen?

Nytt gratisdesign

Nå har jeg endelig lagt ut kodene på bloggen (som dere ser når dere scroll ned sida). Bloggdesignet kan dere se “live” på bloggen www.ciya.blogg.no. Som sagt er dette det første gratisdesignet jeg har laget, om jeg skulle lage flere gratisdesign vet jeg ikke enda. Kom gjerne med tips til type bloggdesign ønsker. 

Header: 950 px; i bredden og høyde bestemmes selv.
Bilder i innlegg: Max 700px; i bredden.

Annonser eller bannere kan legges under sidebaren som er 180 px; i bredden eller som på widgets. Vær snill å ikke fjern blogg.no’s reklamer (en under innlegg og en i sidebaren) da det er påbudt å ha med disse i alle blogger. Det er lov å endre på bloggdesignet om du vil ha litt mer personlig design, men det er ikke lov å fjerne linken som det står jeg har laget det. 

Si gjerne ifra hvis du bruker det, så kan jeg se hvordan det ser ut på din blogg.

Kodene kan hentes her:
Stilsett | Forsiden | Innlegg | Kategorier | Arkiv

#blogg #design #bloggdesign #gratisdesign #pink

Gratisdesign 1 – Pink Rose (arkiv)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:tag=”http://blogg.no/ns/tag” xml:lang=”no” lang=”no”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>${CategoryName} (${BlogTitle})</title>

<meta name=”description” content=”${BlogDescription}” />

<script type=”text/javascript”>var domainName = “.${AppDomain}”;</script>

<script type=”text/javascript” src=”http://static.blogg.no/blogs/script.js”></script>

<link rel=”alternate” href=”http://feeds.blogg.no/${BlogId}/post.rss” title=”Siste innlegg” type=”application/rss+xml” />

<link rel=”stylesheet” href=”http://design.blogg.no/builder/screen.css” type=”text/css” />

<link rel=”stylesheet” href=”${BlogUrl}style.css” type=”text/css” />

<link rel=”shortcut icon” href=”http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg” type=”image/gif” />

</head>

<body>

<div id=”doc2″>

<br>

<div id=”meny”>

<ul id=”navbar”>

<li><a href=”http://ciya.blogg.no”>FORSIDEN</a>

</li>

<li><a href=”#”>OM MEG</a>

<ul>

<li><a href=”http://link” class=”nav”>Tekst1</a></li>

</ul>

</li>

<li><a href=”#”>FØLG MEG</a>

<ul>

<li><a href=”http://”>Link til nettside</a></li>

</ul>

</li>

<li><a href=”#”>KATEGORIER</a>

<ul>

<tag:categorylist>

<li><a href=”${CategoryLink}”>${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href=”#”>ARKIV</a>

<ul>

<tag:archivelist>

<li><a href=”${ArchiveLink}”>${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href=”#”>LENKER</a>

<ul>

<tag:linklist>

<li><a href=”${LinkURL}”>${LinkName}</a></li>

</tag:linklist>

</ul>

</div>

<div id=”header” onclick=”document.location=’${BlogUrl}’;”>

<h1>

<a href=”${BlogUrl}”>${BlogTitle}</a>

</h1>

<p>${BlogDescription}</p>

</div>

<br>

<div id=”wrapper” class=”yui-gc”>

<div id=”main” class=”yui-u first” style=”width:700px;”>

<h1>ARKIV: ${ArchiveName}</h1>

<tag:entrylist limit=”1000″>

<div class=”entry”>

<h2>

<a href=”${EntryPermaLink}”>${EntryTitle}</a>

</h2>

<div class=”content”>${EntryBody}</div>

<div class=”meta”>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href=”${EntryCategoryLink}”>${EntryCategoryName}</a></li>

<li>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>Ingen kommentarer</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>Én kommentar</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

<li>

<a href=”${EntryPermaLink}”>Permalenke</a>

</li>

<li class=”share”>

<a href=”http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}”>Tips en venn</a>

</li>

</ul>

</div>

</div>

</tag:entrylist>

</div>

<div id=”side” class=”yui-u”>

<tag:profile>

<tag:if test=”${ProfileExists == ‘true’}”>

<div id=”profile” class=”clearfix”>

<div>

<br>

<br>

<br>

<p><img style=”border: 0px none; display: block; margin-left: auto; margin-right: auto;” src=”http://oi57.tinypic.com/1xxphj.jpg” alt=”” width=”180″ height=”145″ /></p>

</a>

</div>

<h3>

<a href=”${ProfileUrl}”>${ProfileName}</a>

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module=”sidebar”></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href=”${CategoryLink}”>${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<a href=”http://zhuo.blogg.no” target=”_blank”><img class=”decoded” src=”http://oi57.tinypic.com/ibeydu.jpg” alt=”http://oi57.tinypic.com/ibeydu.jpg” />

</div>

</div>

<div id=”footer” class=”yui-gb”>

<div class=”yui-u first”>

<tag:profile><a href=”http://blogg.no/”>blogg.no</a> leverer teknologien bak <a href=”${BlogUrl}”>${BlogTitle}</a>. Bloggen

<tag:if test=”${ProfileExists == ‘true’}”>skrives av ©

<a href=”${ProfileUrl}”>${ProfileName}</a> og </tag:if> er underlagt

<a href=”http://www.lovdata.no/all/nl-19610512-002.html”>Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href=”mailto:[email protected]”>[email protected]</a>.</tag:profile>

</div>

<div class=”yui-u”>

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit=”5″>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<div class=”yui-u”>

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href=”http://blogg.no”>blogg.no</a> – Få din egen blogg, helt gratis.</li>

<li><a href=”http://bloggrevyen.no”>bloggrevyen</a> – Oversikt over nye norske blogginnlegg.</li>

<li><a href=”http://miniblogg.no”>miniblogg</a> – Kjapp blogging i miniformat.</li>

<li><a href=”http://bloggblogg.no”>bloggblogg</a> – Her blogger vi selv om stort og smått.</li>

<li><a href=”http://forum.blogg.no/”>forum</a> – Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</div>

</div>

</body>

</html>

Gratisdesign 1 – Pink Rose (kategorier)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:tag=”http://blogg.no/ns/tag” xml:lang=”no” lang=”no”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>${CategoryName} (${BlogTitle})</title>

<meta name=”description” content=”${BlogDescription}” />

<script type=”text/javascript”>var domainName = “.${AppDomain}”;</script>

<script type=”text/javascript” src=”http://static.blogg.no/blogs/script.js”></script>

<link rel=”alternate” href=”http://feeds.blogg.no/${BlogId}/post.rss” title=”Siste innlegg” type=”application/rss+xml” />

<link rel=”stylesheet” href=”http://design.blogg.no/builder/screen.css” type=”text/css” />

<link rel=”stylesheet” href=”${BlogUrl}style.css” type=”text/css” />

<link rel=”shortcut icon” href=”http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg” type=”image/gif” />

</head>

<body>

<div id=”doc2″>

<br>

<div id=”meny”>

<ul id=”navbar”>

<li><a href=”http://ciya.blogg.no”>FORSIDEN</a>

</li>

<li><a href=”#”>OM MEG</a>

<ul>

<li><a href=”http://link” class=”nav”>Tekst1</a></li>

</ul>

</li>

<li><a href=”#”>FØLG MEG</a>

<ul>

<li><a href=”http://”>Link til nettside</a></li>

</ul>

</li>

<li><a href=”#”>KATEGORIER</a>

<ul>

<tag:categorylist>

<li><a href=”${CategoryLink}”>${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href=”#”>ARKIV</a>

<ul>

<tag:archivelist>

<li><a href=”${ArchiveLink}”>${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href=”#”>LENKER</a>

<ul>

<tag:linklist>

<li><a href=”${LinkURL}”>${LinkName}</a></li>

</tag:linklist>

</ul>

</div>

<div id=”header” onclick=”document.location=’${BlogUrl}’;”>

<h1>

<a href=”${BlogUrl}”>${BlogTitle}</a>

</h1>

<p>${BlogDescription}</p>

</div>

<br>

<div id=”wrapper” class=”yui-gc”>

<div id=”main” class=”yui-u first” style=”width:700px;”>

<h1>KATEGORI: ${CategoryName}</h1>

<tag:entrylist limit=”1000″>

<div class=”entry”>

<h2>

<a href=”${EntryPermaLink}”>${EntryTitle}</a>

</h2>

<div class=”content”>${EntryBody}</div>

<div class=”meta”>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href=”${EntryCategoryLink}”>${EntryCategoryName}</a></li>

<li>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>Ingen kommentarer</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>Én kommentar</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

<li>

<a href=”${EntryPermaLink}”>Permalenke</a>

</li>

<li class=”share”>

<a href=”http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}”>Tips en venn</a>

</li>

</ul>

</div>

</div>

</tag:entrylist>

</div>

<div id=”side” class=”yui-u”>

<tag:profile>

<tag:if test=”${ProfileExists == ‘true’}”>

<div id=”profile” class=”clearfix”>

<div>

<br>

<br>

<br>

<p><img style=”border: 0px none; display: block; margin-left: auto; margin-right: auto;” src=”http://oi57.tinypic.com/1xxphj.jpg” alt=”” width=”180″ height=”145″ /></p>

</a>

</div>

<h3>

<a href=”${ProfileUrl}”>${ProfileName}</a>

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module=”sidebar”></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href=”${CategoryLink}”>${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<a href=”http://zhuo.blogg.no” target=”_blank”><img class=”decoded” src=”http://oi57.tinypic.com/ibeydu.jpg” alt=”http://oi57.tinypic.com/ibeydu.jpg” />

</div>

</div>

<div id=”footer” class=”yui-gb”>

<div class=”yui-u first”>

<tag:profile><a href=”http://blogg.no/”>blogg.no</a> leverer teknologien bak <a href=”${BlogUrl}”>${BlogTitle}</a>. Bloggen

<tag:if test=”${ProfileExists == ‘true’}”>skrives av ©

<a href=”${ProfileUrl}”>${ProfileName}</a> og </tag:if> er underlagt

<a href=”http://www.lovdata.no/all/nl-19610512-002.html”>Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href=”mailto:[email protected]”>[email protected]</a>.</tag:profile>

</div>

<div class=”yui-u”>

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit=”5″>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<div class=”yui-u”>

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href=”http://blogg.no”>blogg.no</a> – Få din egen blogg, helt gratis.</li>

<li><a href=”http://bloggrevyen.no”>bloggrevyen</a> – Oversikt over nye norske blogginnlegg.</li>

<li><a href=”http://miniblogg.no”>miniblogg</a> – Kjapp blogging i miniformat.</li>

<li><a href=”http://bloggblogg.no”>bloggblogg</a> – Her blogger vi selv om stort og smått.</li>

<li><a href=”http://forum.blogg.no/”>forum</a> – Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</div>

</div>

</body>

</html>

Gratisdesign 1 – Pink Rose (innlegg)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:tag=”http://blogg.no/ns/tag” xml:lang=”no” lang=”no”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>${EntryTitle} (${BlogTitle})</title>

<meta name=”description” content=”${BlogDescription}” />

<script type=”text/javascript”>var domainName = “.${AppDomain}”;</script>

<script type=”text/javascript” src=”http://static.blogg.no/blogs/script.js”></script>

<link rel=”alternate” href=”http://feeds.blogg.no/${BlogId}/post.rss” title=”Siste innlegg” type=”application/rss+xml” />

<link rel=”alternate” href=”http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss” title=”Kommentarer til dette inlegget” type=”application/rss+xml” />

<link rel=”stylesheet” href=”http://design.blogg.no/builder/screen.css” type=”text/css” />

<link rel=”stylesheet” href=”${BlogUrl}style.css” type=”text/css” />

<link rel=”shortcut icon” href=”http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg” type=”image/gif” />

</head>

<body>

</script>

</head>

<body class=”front”>

<div id=”doc2″>

<br>

<div id=”meny”>

<ul id=”navbar”>

<li><a href=”http://ciya.blogg.no”>FORSIDEN</a>

</li>

<li><a href=”#”>OM MEG</a>

<ul>

<li><a href=”http://link” class=”nav”>Tekst1</a></li>

</ul>

</li>

<li><a href=”#”>FØLG MEG</a>

<ul>

<li><a href=”http://”>Link til nettside</a></li>

</ul>

</li>

<li><a href=”#”>KATEGORIER</a>

<ul>

<tag:categorylist>

<li><a href=”${CategoryLink}”>${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href=”#”>ARKIV</a>

<ul>

<tag:archivelist>

<li><a href=”${ArchiveLink}”>${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href=”#”>LENKER</a>

<ul>

<tag:linklist>

<li><a href=”${LinkURL}”>${LinkName}</a></li>

</tag:linklist>

</ul>

</div>

<div id=”header” onclick=”document.location=’${BlogUrl}’;”>

<h1>

<a href=”${BlogUrl}”>${BlogTitle}</a>

</h1>

<p>${BlogDescription}</p>

</div>

<br>

<div id=”wrapper” class=”yui-gc”>

<br>

<div id=”main” class=”yui-u first” style=”width:700px;”>

<tag:entry>

<div class=”entry”>

<a name=”a${EntryNum}” id=”a${EntryNum}”></a>

<h2>${EntryTitle}</h2>

<div class=”meta”>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href=”${EntryCategoryLink}”>${EntryCategoryName}</a></li>

<li>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>Ingen kommentarer</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>Én kommentar</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

</ul>

</div>

<div class=”content”>${EntryBody}</div>

<div align=”left”>

<img id=”imgElement” title=”” src=”” alt=”” />

</div>

<div class=”meta”>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href=”${EntryCategoryLink}”>${EntryCategoryName}</a></li>

<li>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>Ingen kommentarer</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>Én kommentar</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

<li>

<a href=”${EntryPermaLink}”>Permalenke</a>

</li>

<li class=”share”>

<a href=”http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}”>Tips en venn</a>

</li>

</ul>

<tag:if test=”${EntryHasTags == ‘true’}”>

<div class=”tags”>Stikkord:

<ul><tag:taglist><li><a href=”${TagURL}”>${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

<tag:include module=”postentry”></tag:include>

</div>

</div>

</tag:entry>

<tag:if test=”${Comments == 1}”>

<a name=”comment” id=”comment”></a>

<h3>

<tag:if test=”${EntryCommentCount == 0}”>Ingen kommentarer

<tag:elseif test=”${EntryCommentCount == 1}” />Én kommentar

<tag:else />${EntryCommentCount} kommentarer</tag:if>

</h3>

<div id=”comments”>

<tag:commentlist>

<div class=”comment ${CommentClass}”>

<div class=”meta”>

<tag:if test=”${CommentProfileUrl != ”}”>

<a href=”${CommentProfileUrl}”>

<img class=”avatar” src=”http://i.blogg.no/50×50/${CommentProfileImageUrl}” alt=”” />

</a>

<tag:else />

<tag:if test=”${CommentAuthorUrl != ”}”>

<a rel=”nofollow” href=”${CommentAuthorUrl}”>

<img class=”avatar” src=”http://i.blogg.no/50×50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50″ alt=”” />

</a>

<tag:else />

<img class=”avatar” src=”http://i.blogg.no/50×50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50″ alt=”” />

</tag:if>

</tag:if>

<h4>${CommentAuthorLinkIf}</h4>

<p>${CommentDate} kl.${CommentTime}</p>

</div>

<div class=”content”>${CommentText}</div>

</div>

</tag:commentlist>

</div>

<div id=”newcomment” class=”clearfix”>

<h3>Skriv en ny kommentar</h3>

<form action=”${AppUrl}index.bd?fa=comment.insert” id=”commentform” method=”post” onsubmit=”doSubmit(this)”>

<div id=”comment_author_wrapper”>

<label for=”comment_author”>Navn:</label>

<input id=”comment_author” type=”text” name=”author” onchange=”doChange(this)” value=”” maxlength=”100″ />

</div>

<div id=”comment_authoremail_wrapper”>

<label for=”comment_authoremail”>E-post:</label>

<input id=”comment_authoremail” type=”text” name=”authoremail” onchange=”doChange(this)” value=”” maxlength=”100″ />

</div>

<div id=”comment_authorurl_wrapper”>

<label for=”comment_authorurl”>URL:</label>

<input id=”comment_authorurl” type=”text” name=”authorurl” onchange=”doChange(this)” value=”http://” maxlength=”100″ />

</div>

<div id=”comment_text_wrapper”>

<label for=”comment_text”>Din kommentar:</label>

<textarea id=”comment_text” name=”comment” onchange=”doChange(this);” cols=”40″ rows=”10″></textarea>

</div>

<div id=”comment_submit_wrapper”>

<input type=”hidden” name=”commentid” value=”${CommentID}” />

<input id=”comment_submit” class=”submit” type=”submit” name=”submit” value=”Send en hyggelig kommentar ♥” />

</div>

<div id=”comment_remember_wrapper”>

<input id=”comment_remember” name=”comment_remember” onclick=”doCheck(this)” type=”checkbox” value=”1″ />

<label for=”comment_remember”>Husk meg ?</label>

</div>

</form>

</div>

</tag:if>

</div>

<div id=”side” class=”yui-u”>

<tag:profile>

<tag:if test=”${ProfileExists == ‘true’}”>

<div id=”profile” class=”clearfix”>

<div>

<br>

<p><img style=”border: 0px none; display: block; margin-left: auto; margin-right: auto;” src=”http://oi57.tinypic.com/1xxphj.jpg” alt=”” width=”180″ height=”145″ /></p>

</a>

</div><h3>

<a href=”${ProfileUrl}”>${ProfileName}</a>

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

<tag:include module=”sidebar”></tag:include>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

<a href=”${CategoryLink}”>${CategoryName}</a>

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<a href=”http://zhuo.blogg.no” target=”_blank”><img class=”decoded” src=”http://oi57.tinypic.com/ibeydu.jpg” alt=”http://oi57.tinypic.com/ibeydu.jpg” />

</div>

</div>

<div id=”footer” class=”yui-gb”>

<div class=”yui-u first”>

<tag:profile><a href=”http://blogg.no/”>blogg.no</a> leverer teknologien bak <a href=”${BlogUrl}”>${BlogTitle}</a>. Bloggen

<tag:if test=”${ProfileExists == ‘true’}”>skrives av ©

<a href=”${ProfileUrl}”>${ProfileName}</a> og </tag:if> er underlagt

<a href=”http://www.lovdata.no/all/nl-19610512-002.html”>Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href=”mailto:[email protected]”>[email protected]</a>.</tag:profile>

</div>

<div class=”yui-u”>

<h3>Arkiv</h3>

<ul>

<tag:archivelist limit=”5″>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<div class=”yui-u”>

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href=”http://blogg.no”>blogg.no</a> – Få din egen blogg, helt gratis.</li>

<li><a href=”http://bloggrevyen.no”>bloggrevyen</a> – Oversikt over nye norske blogginnlegg.</li>

<li><a href=”http://miniblogg.no”>miniblogg</a> – Kjapp blogging i miniformat.</li>

<li><a href=”http://bloggblogg.no”>bloggblogg</a> – Her blogger vi selv om stort og smått.</li>

<li><a href=”http://forum.blogg.no/”>forum</a> – Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</div>

</div>

</body>

</html>

Gratisdesign 1 – Pink Rose (forsiden)

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xmlns:tag=”http://blogg.no/ns/tag” xml:lang=”no” lang=”no”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />

<title>${BlogTitle} – ${BlogDescription}</title>

<meta name=”description” content=”${BlogDescription}” />

<script type=”text/javascript”>var domainName = “.${AppDomain}”;</script>

<script type=”text/javascript” src=”http://static.blogg.no/blogs/script.js”></script>

<link rel=”alternate” href=”http://feeds.blogg.no/${BlogId}/post.rss” title=”Siste innlegg” type=”application/rss+xml” />

<link rel=”stylesheet” href=”http://design.blogg.no/builder/screen.css” type=”text/css” />

<link rel=”stylesheet” href=”${BlogUrl}style.css” type=”text/css” />

<link rel=”shortcut icon” href=”http://bloggfiler.no/ciya.blogg.no/images/1859974-8-1400877171641.jpg” type=”image/gif” />

</head>

<body class=”front”>

<div id=”doc2″>

<br>

<div id=”meny”>

<ul id=”navbar”>

<li><a href=”http://ciya.blogg.no”>FORSIDEN</a>

</li>

<li><a href=”#”>OM MEG</a>

<ul>

<li><a href=”http://link” class=”nav”>Tekst1</a></li>

</ul>

</li>

<li><a href=”#”>FØLG MEG</a>

<ul>

<li><a href=”http://”>Link til nettside</a></li>

</ul>

</li>

<li><a href=”#”>KATEGORIER</a>

<ul>

<tag:categorylist>

<li><a href=”${CategoryLink}”>${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href=”#”>ARKIV</a>

<ul>

<tag:archivelist>

<li><a href=”${ArchiveLink}”>${ArchiveName}</a></li>

</tag:archivelist>

</ul>

</li>

<li><a href=”#”>LENKER</a>

<ul>

<tag:linklist>

<li><a href=”${LinkURL}”>${LinkName}</a></li>

</tag:linklist>

</ul>

</div>

<div id=”header”>

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

<br>

<div id=”wrapper” class=”yui-gc”>

<br>

<div id=”main” class=”yui-u first” style=”width:700px;”>

<tag:entrylist limit=”20″>

<div class=”entry”>

<h2>

<a href=”${EntryPermaLink}”>${EntryTitle}</a>

</h2>

<div class=”meta”>

<ul>

<li>${EntryDate} kl.${EntryTime} i

<a href=”${EntryCategoryLink}”>${EntryCategoryName}</a></li>

<li>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>Ingen kommentarer</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>Én kommentar</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>${EntryCommentCount} kommentarer</a>

</tag:if>

</li>

</ul>

</div>

<div class=”content”>${EntryBody}</div>

<div align=”right”>

<tag:if test=”${EntryCommentCount == 0}”>

<a href=”${EntryPermaLink}#comment”>(0)</a>

<tag:elseif test=”${EntryCommentCount == 1}” />

<a href=”${EntryPermaLink}#comment”>(1)</a>

<tag:else />

<a href=”${EntryPermaLink}#comment”>(${EntryCommentCount}) </a>

</tag:if>|

<right><a href=”${EntryPermaLink}#comment”><font face=”lucida handwriting” size=”2″>Kommenter her!</font></a></right>

</div>

<div class=”meta”>

<ul>

</li>

</ul>

<tag:if test=”${EntryHasTags == ‘true’}”>

<div class=”tags”>Stikkord:

<ul><tag:taglist><li><a href=”${TagURL}”>${TagName}</a></li></tag:taglist></ul></div>

</tag:if>

</div>

</div>

</tag:entrylist>

<div>Les mer i arkivet

<tag:archivelist limit=”3″> »

<a href=”${ArchiveLink}”>${ArchiveName}</a></tag:archivelist></div>

</div>

<div id=”side” class=”yui-u”>

<tag:profile>

<tag:if test=”${ProfileExists == ‘true’}”>

<div id=”profile” class=”clearfix”>

<div>

<p><img style=”border: 0px none; display: block; margin-left: auto; margin-right: auto;” src=”http://oi57.tinypic.com/1xxphj.jpg” alt=”” width=”180″ height=”145″ /></p>

</a>

</div>

<h3>

<a href=”${ProfileUrl}”>${ProfileName}</a>

</h3>

<p>${ProfileAge}, ${ProfileFrom}</p>

<p>${ProfileDescription}</p>

</div>

</tag:if>

<center></tag:profile></center>

<tag:include module=”sidebar”></tag:include>

<div>

<h3>Siste innlegg</h3>

<ul>

<tag:recentlist limit=”10″>

<li>

<a href=”${EntryPermaLink}”>${EntryTitle}</a>

</li>

</tag:recentlist>

</ul>

</div>

<div>

<h3>Siste kommentarer</h3>

<ul>

<tag:commentlist global=”true” limit=”10″ sort=”desc”>

<li>

${CommentAuthorLinkIf} om ${CommentArticleLink}</li>

</tag:commentlist>

</ul>

</div>

<a href=”http://zhuo.blogg.no” target=”_blank”><img class=”decoded” src=”http://oi57.tinypic.com/ibeydu.jpg” alt=”http://oi57.tinypic.com/ibeydu.jpg” />

<br>

<tag:if test=”${HasLinks == ‘true’}”>

<div>

<h3></h3>

</div>

</tag:if>

<tag:if test=”${HasProducts == ‘true’}”>

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

<li class=”clearfix”><a href=”${ProductUrl}”><img class=”asin” align=”left” src=”http://i.blogg.no/50×50/${ProductImage}” alt=”${ProductTitle}” /></a><strong><a href=”${ProductUrl}”>${ProductTitle}</a></strong>${ProductComment}</li>

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

</div>

<div id=”footer” class=”yui-gb”>

<div class=”yui-u first”>

<tag:profile><a href=”http://blogg.no/”>blogg.no</a> leverer teknologien bak <a href=”${BlogUrl}”>${BlogTitle}</a>. Bloggen

<tag:if test=”${ProfileExists == ‘true’}”>skrives av ©

<a href=”${ProfileUrl}”>${ProfileName}</a> og </tag:if> er underlagt

<a href=”http://www.lovdata.no/all/nl-19610512-002.html”>Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href=”mailto:[email protected]”>[email protected]</a>.</tag:profile>

</div>

<div class=”yui-u”>

<h3>Arkiv</h3>

<ul>

<tag:archivelist limit=”5″>

<li>

<a href=”${ArchiveLink}”>${ArchiveName}</a>

</li>

</tag:archivelist>

</ul>

</div>

<div class=”yui-u”>

<p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>

<ul>

<li><a href=”http://blogg.no”>blogg.no</a> – Få din egen blogg, helt gratis.</li>

<li><a href=”http://bloggrevyen.no”>bloggrevyen</a> – Oversikt over nye norske blogginnlegg.</li>

<li><a href=”http://miniblogg.no”>miniblogg</a> – Kjapp blogging i miniformat.</li>

<li><a href=”http://bloggblogg.no”>bloggblogg</a> – Her blogger vi selv om stort og smått.</li>

<li><a href=”http://forum.blogg.no/”>forum</a> – Tips, råd og hjelp om blogging og design.</li>

</ul>

</div>

</div>

</div>

</body>

</html>

<center><a href=”#top”>TIL TOPPEN AV BLOGGEN</a></center>

Gratisdesign 1 – Pink Rose (stilsett)

@import url(http://fonts.googleapis.com/css?family=Parisienne);

.entry {

background-color: #transparent;

}

body {

background-color: #transparent;

font-family: Segoe UI;

color:

-webkit-box-shadow: 0px 0px 1px #000000;

-moz-box-shadow: 0px 0px 1px #000000;

box-shadow: 0px 0px 1px #000000;

}

#header {

background: transparent;

background-image: url(‘http://oi61.tinypic.com/28velo3.jpg’);

height: 550px;

background-repeat: no-repeat;

-webkit-box-shadow: 0px 0px 1px #000000;

-moz-box-shadow: 0px 0px 1px #000000;

box-shadow: 0px 0px 1px #000000;

}

#wrapper {

background-color: #transparent;

-webkit-box-shadow: 0px 0px 1px #000000;

-moz-box-shadow: 0px 0px 1px #000000;

box-shadow: 0px 0px 1px #000000;

width: 909px;

}

#side {

background-url: url(”);

float: right;

width: 180px;

position: ;

top: 30px;

left: 1010px;

margin: -300px 0px 0px 610px;

padding: 0;

margin: -0px 0 0 0;

}

#footer {

background-color: #transparent;

width: 909px;

}

#newcomment #comment_text_wrapper { width: 475px; }

textarea {

background-image: url(”);

background-repeat: no-repeat;

background-position: right bottom;

}

a:link {color: #a3a3a3;}

a:visited {color: #a3a3a3;}

a:hover {color: #d6d6d6;}

a:active {color: #d6d6d6;}

h1, h2, h3, h4, h5 { font-family: ; }

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

#header { color: #000000; }

h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }

h2, h2 a, h2 a:link, h2 a:visited, h2 a:active { color: #ffd2e0; }

h2 { background-color: #; }

h2 { background-image: url();

}

h2 {

cursor:default;

background-color: #;

color: ;

font-size:34pt;

font-family: Parisienne;

letter-spacing:0px;

line-height:13pt;

text-align: center;

padding: 1px;

font-weight: bold;

text-transform: ;

border-bottom: 2px solid #f5c8d8;

margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

}

}

h2, h2 a:link, h2 a:visited, h2 a:active{

font-family: Parisienne;

font-size: 22px;

font-weight: normal;

color: #232323;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

text-shadow:1px 1px 1px transparent;

text-transform: none;

letter-spacing:0px;

}

h2 a:hover {

color: #ffe9f0;

}

a {

color:;

-o-transition:.5s;

-ms-transition:.5s;

-moz-transition:.5s;

-webkit-transition:.5s;

/* …and now for the proper property */

transition:.5s;

}

a:hover { color:#ebebeb; }

}

#navbar {

margin: 0;

padding: 0;

height: 1em; }

#navbar li {

list-style: none;

float: left; }

#navbar li a {

display: block;

padding: 4px 9px;

background-color: #transparent;

color: #000000; /*Endre fargen på teksten her*/

text-decoration: bold;

font-family: verdana; /*Endre skrifttypen her*/

font-size: 13px; } /*Endre størrelsen på skriften her*/

#navbar li ul {

display: none;

width: 8,5em; /* Endre bredden på undermenyen her */

background-color: #000000;}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 1;

z-index: 1; }

#navbar li:hover li, #navbar li.hover li {

float: none; }

#navbar li:hover li a, #navbar li.hover li a {

background-color: #FFFFFF; /*Endre fargen på undermenyen*/

border-bottom: 1px solid #F9BAAA;

color: #000000; } /*Endre tekstfargen på undermenyen her*/

#navbar li li a:hover {

background-color: #F9BAAA; } /*Endre fargen når man holder musen over undermenyen*/

#navbar li{ float: left; }

#navbar{

margin-left: 0px;

}

#navbar {

padding: 5px;

height: 2em;

width: auto;

margin: 0px;

text-align: left;

}

#navbar li {

float: left;

list-style: none;

width: 156px;

background-color: #transparent;

}

#navbar li a {

padding: 5px;

display: block;

text-decoration: none;

font-family: Century Gothic;

font-size: 13px;

line-height: 15px;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #fff;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li:hover ul, #navbar li.hover ul {

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li:hover li, #navbar li.hover li {

float: none;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li:hover li a, #navbar li.hover li a {

border-bottom: 1px dotted #D1D1C6;

color: #727272;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#navbar li li a:hover {

background-color: #f2f2f2;

filter:alpha(opacity=80);

-moz-opacity:0.8;

-khtml-opacity: 0.8;

opacity: 0.8;

}

#meny {

width: 949px;

background-image: url(‘http://oi61.tinypic.com/2psmxwo.jpg’);

border: 0px solid #;

-webkit-box-shadow: 0px 0px 1px #000000;

-moz-box-shadow: 0px 0px 1px #000000;

box-shadow: 0px 0px 1px #000000;

}

img{

opacity: 1;

-webkit-transition: opacity 0.7s linear;

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}

img:hover{

opacity: 0.8;

-webkit-transition: opacity 0.7s linear;

-webkit-transition: all 0.4s ease-out;

-moz-transition: all 0.4s ease-out;

transition: all 0.4s ease-out;

}