10 enkle tips til ett fint og enkelt bloggdesign



1.  Ha en EGEN header, som du endten har laget selv, eller som du har fått en annen til å lage for deg. Man trenger ikke ha en kjeempefin og fantastisk bra redigert header. Om man ikke har noen spessielle redigeringsprogramer, eller vet hvordan man "kobler bilder" så kan det jo også være ganske så stilig å bare ha bloggnavnet ditt eller navnet ditt med en fin skrift, og den samme bakrunnsfargen som bloggen din er i. Du kan se video som sujo.blogg.no har laget HER, om hvordan man kan lage header i gimp!

2. Ha innleggene din ei 700px, 800px eller gjerne 900px om du vil det. For da kan du poste bildene dine i en større størrelse, noe de fleste leserer liker. Om du ikke vet hvordan man endrer størrelsen på innleggene finner du forklaring HER. og om du ikke vet hvordan du endrer størrelse på bildene du publiserer fnner du forklaring HER.

3. Ha ett oversiktlig sidebar. Det er også noe som er veldig "lurt" å ha. Skriv litt om deg selv der, slik at nye leserer kan få vite litt om deg, og hvem du er. Gjerne ha kategorier og arkiv i sidebaren, om ikke så gjerne ha det i en dropdown meny eller noe. Slik at leserne kan se i kategorier og arkiv om de skulle ønske det. De fleste liker også om det er ett profilbilde av personen bak bloggen i sidebaren. Men det kan jo også være stilig å ikke ha noe profilbilde i det hele tatt. - Trenger du hjelp til profilbilde finner du det HER.

4. Ha "Legg meg til som venn" link en eller annen plass på bloggen! -finner koder HER.

5. IKKE ha massevis av foskjellige farger på bloggen. Helst ikke ha så veldig knall farger som knall lilla, knall blå, gul, orange, grønn osv. Dere skjønner hvordan jeg mener. Da vil jeg heller annbefale å holde seg innenfr tre forskjellige "svake" farger. Som f.eks grå og hvit. Hviss ikke blir bloggen bare heelt rotette å lese, det synes i hvertfall jeg.


6. Endre litt på gratisdesignet man gjerne bruker. Det er veldig mangen som bruker gratisdesign og ikke gjør nooe forandringer på det. De fleste som lager bloggdesign skriver bare det at "man skal ikke fjerne hvor det står designet er laget av meg, ellers kan du endre på hva du vil". Jaa, de fleste sier i hvertfall det. Så gjerne sett inn egen header, skift profilbilde, gjerne endr bakrunnsfarge. Gjør det litt til ditt egent!

7. Ikke ha helt lys skrift i innleggene. Noen blogger har f.eks heelt lyse grønn skift i innleggene sine, som kan være vanskelig å lese. Så heller ta å ha en svart eller lysegrå skrift, -Ha en skriftfarge som går ann å lese. Du finenr forklaring på hvordan man kan endre farge på skriften i innleggene HER.

8. Ha større skrift på overskriften enn i innleggene. -Se hvordan endre størrelse HER.

9. Ikke ha slik at når man kommer inn på bloggen så kommer det plutslig på noe musikk. Haha. Dette er det vell egentlig ikke så mangen blogger som har lenger. Men jeg har vert innom noen, å det er sykt irriterende.

10. Ha ramme rundt innleggene. Noe som irriterer meg veldig er blogger som ikke har ramme rundt innleggene sine, Som gjør at bildene er liksom heelt inntill kanten - frustrerende. Man trenger jo ikke å ha så veldig tykk ramme, men i hvertfall litt! Du finner koder til hvordan man kan sette inn ramme på header, sidebaren, wrapperen og innleggene HER.




"Hjelp angående gratisdesignene"



* Hvordan sette inn gratisdesignet
* Hvordan endre header uten å ødelegge design
* Hvordan se hvor bred og høy headeren er
* Hvordan endre bredden på innleggene
* Hvordan endre overskrift
* Hvordan fikse på dato-linjen nederst i innleggene og under overskriften
* Hvordan sette inn profiltekst
*Hvordan endre profilbilde i sidebaren
*Hvordan endre farge og str på overskriften



-Design med andre forklaringer enn ovenfor-

Design 2- September love
- Hvordan sette inn bilder i headeren/rundingene
- Hvordan legge inn linker i menyen
- Hvordan sette inn profilbilde
- Hvordan bytte skrifttype på overskrift


//Alle linkene er ikke satt inn enda, men de kommer.




"Hvordan bytte profilbilde"



Gå til Design-Rediger-Maler
- Trykk på Ctrl+F slik at du får opp en søkerute. I søkeruten søker du opp "<img src". Og da finner du en linje som dette:
<img src="http://i45.tinypic.com/vxzns7.jpg">

Åpne opp en ny fane, og der går du inn på Tinypic.com og laster ned bildet ditt. Etter du har lastet opp får du flere alternative linker, da kopierer du den nederste linken.
Gå så inn til Malene dine igjen og bytt ut den gamle linken med den nye- Altså, fjern det som du ser jeg har markert nedenfor, og lim inn den nye der.

<img src="http://i45.tinypic.com/vxzns7.jpg">







"VIDEO: Hvordan ta i bruk mine design"



Siden jeg har fått så utrolig mange spørsmål om hvordan man setter inn mine gratisdesign, hvordan man legger inn linker osv lagde jeg en video hvor jeg viser dere noen av desse tingene. Siden det er mye enklere for meg å vise på video enn i innlegg.

- Som jeg skriver i videoen trykker jeg på CTRL+F på tastaturet for å få opp søkeruten. Men jeg vet at på mac funker det ikke, men siden jeg ikke har mac selv vet jeg desverre ikke hvilken knapper man skal trykke på for å få den opp!

- Siden jeg bruker til å laste opp koden til headeren heter tinypic.com.




Design 3#simple purple - Stilsett





.entry {
background-color: #ffffff;
}
body {
background-color: #f7f2f2;
font-family: arial;
color: #8a8a8a;
}
#header {
background-color: #fff;
background-image: url(' http://i46.tinypic.com/j0v7k7.jpg');
height: 439px;
width:804px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin: 0px 0px 10px 0px;
margin-left: -37px;
box-shadow: 0px 0px 1px #696969;
}
#wrapper{
background-color: transparent;
background-image: none;
border: 0px;
width: 1052px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
margin-left: -37px;
}
#main {
float: left;
margin-top: +10px;
background-color: #ffffff;
border: 10px solid #ffffff;
box-shadow: 0px 0px 1px #696969;
}
#side {
float: rigth;
padding: 0px;
width: 190px;
line-height: 155%;
background-color: #ffffff;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
margin-top: -469px;
box-shadow: 0px 0px 1px #696969;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
#side li {
border: 0px solid #000000;
list-style-type: none;
margin: 0px;
padding: 0px 0px;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
color: #333;
font-family: georgia;
font-size: 22px;
font-weight: normal;
text-align: center;
margin-bottom: -7px;
margin-top: 3px;
padding-bottom: 2px;
font-style: georgia;
}
h2 a:link, h2 a:visited {
color: #333;
font-size: 22px;
letter-spacing: 0px;
}
h3 {
color: #999;
font-family: georgia;
font-size: 15px;
font-weight: normal;
text-align: left;
margin-bottom: -7px;
margin-top: 3px;
padding-bottom: 2px;
font-style: georgia;
}
#dato {
background-repeat: no-repeat;
font-size: 10px;
color: #8a8a8a;
font-family: Arial;
margin-top: -29px;
margin-left: 0px;
width: 800px;
background-color: #transponent;
text-align: center;
letter-spacing: 1px;
border: solid 0px #E6E6E6;
padding: 1px
}
h4 {
margin-top: +7px;
margin-left: 0px;
color: #000000;
font-size: 20px;
font-family: Arial;
font-weight: normal;
text-transform: normal;
margin-bottom: -40px;
}
#dato2 {
color: #8a8a8a;
font-family: Arial;
margin-top: -0px;
margin-left: 0px;
width: 800px;
background-color: #f7f7f7;
text-align: center;
letter-spacing: 0px;
border: solid 0px #E6E6E6;
padding: 5px
}
#h5 {
font-family: Arial;
font-size: 11px;
color: #8a8a8a;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
display: block;
padding: 0px;
margin: 0 0 2px 0;
background-color: #f7f7f7;
color: #000;
text-align: left;
box-shadow: 0px 0px 1px #ddd;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #999;
letter-spacing: 2px;
background-color: #f8f8f8;
}
#dato2 li a:hover {
color: #999;
letter-spacing: 0px;
background-color: #f1f1f1;
}
#comments{
padding: 0px;
width: 720px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 718px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main {
border: 4px solid #ffffff;
}
#main {
border: 13px solid #ffffff;
}
#side {
border: 12px solid #ffffff;
}
#header {
border: 10px solid #ffffff;
}
#side li {
border: 0px solid #000000;
font-size: 11px;
list-style-type: none;
padding: 1px 0px;
}




Design 3#simple purple - Forside



<!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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<div id="doc2">
<br><br><br>
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br>
<div id="dato">
${EntryDate} Kl: <li> ${EntryTime}<li>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2">
Publisert: ${EntryDate} Kl: <li> ${EntryTime}<li>
Postet i: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<li>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
<br><br>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/j16k5z.jpg">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design 3#simple purple - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3><br>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-14">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-14">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-14">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="Kommenter" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" />
<font size="1-11"><font color="999999">
<em><a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av Ingvild Aasheim</a></em></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/j16k5z.jpg">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design 3#simple purple - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/j16k5z.jpg">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design 3#simple purple - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/j16k5z.jpg">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




"VIDOBLOGG: design hjelp"



Siden jeg har fått så utrolig mange spørsmål om hvordan man setter inn mine gratisdesign, hvordan man legger inn linker osv lagde jeg en video hvor jeg viser dere noen av desse tingene. Siden det er mye enklere for meg å vise på video enn i innlegg.

- Som jeg skriver i videoen trykker jeg på CTRL+F på tastaturet for å få opp søkeruten. Men jeg vet at på mac funker det ikke, men siden jeg ikke har mac selv vet jeg desverre ikke hvilken knapper man skal trykke på for å få den opp!

- Siden jeg bruker til å laste opp koden til headeren heter tinypic.com.



Var denne videoen noe til hjelp?




"Nybegynnertips for godt logodesign"



GJESTEBLOGGPOST: Å lage et godt logodesign er ingen enkel oppgave. Du må nøye tenke igjennom alt fra A-Å slik at logoen trekker folk til seg, istedenfor å støte de bort. Du behøver ikke være et kunsttalent for å finne på spesielle og kule logodesign. Her er noen grunnprinsipper som får deg i gang, slik at selv om tegneferdighetene dine ikke er over femteklassesnivå, vil du fortsatt kunne lage et logodesign som fenger.

Emne. Før man giver løs på designjobben må man ha en idé. Forestill deg noe som definerer ditt produkt eller tjeneste. Det kan være en fonttype, farger eller former. Du vurderer også om ditt logodesign skal være minimalistisk eller ei. Du kan ha en logo med symbol, eller bare kjøre på med en font.

Skrifttype
. Logodesign med få ord i seg kan gjøres mer attraktive ved å velge en god skrifttype. Hold deg til som få fonter som mulig når du designer. Vil du lese mer om logodesign, så ta en titt på dette nettstedet ? de har også en blogg med mer tekst!



GJESTEINNLEGGPOST - link-




"VIDEOBLOGG: koble bilder i photoshop"





Jeg har begynt å lage slike videoer til den andre bloggne min iaa1996.blogg.no siden jeg har fått en del spørsmål om det. Derfor tenkte jeg å dele de videoene her også, siden det har med design å gjøre!




"Svar på spørsmål ang Bloggdesign" #1



Hvordan finner vi den nye fargekoden?
- Om du tenker hvordan man kan finne nye fargekoder som man kan f.eks bruke til bakrunn så går du først til "Desig"



Der ser du noe som dette. Om du først trykker på den lille røde firkanten der, så får du opp denne litt større boksen med forskjellige farger i. Dra den lille runginen der rundtom så får du opp forskjellige koder til forskjellige farger. Når du har funnet fargen klikker du bare inni ruten med teksten som er vedsiden av, så får du opp rett kode. Den kompierer du og kan så brukes til det du måtte ønske.


Hvordan bytter man header i gratisdesignene?
Det har jeg alt lagt ut forklaring på. Til designet "september love" er det noen andre forklaringer, å de finner dere HER. Men til alle de andre headerene mine finner dere forklaring HER.


Hvordan vet man hvor bred/stor headeren skal være?
Om du går inn på Design-Rediger så ser du det her:
-Ser du ikke på bildet så står det alltid "Height" og "width" under #header.





Hvordan bytter man profilbilde i gratisdesignene?
Det finner du forklaring påHER.


Hvordan sette inn profltekst om deg selv i gratisdesignene?
Om du går til Design-Rediger-Maler og trykker på Ctrl+F (vetikke hva du skal trykke om du har mac). Men da får du i hvertfall opp en søkerute.Der søker du etter "her kan du". Så finner du en linje som dette:


Litt vanskelig å se teksten der, men du finner i hvertfall en linje som "Her kan du skrive det du vil". Der fjerner du bare teksten jeg har sittet inn, og bytter den ut med din egen. Du er nødt til å gjøre dette i innlegg, kategorier og arkiv også for at det skal bli likt.




Kommer mer hjelp her senere




ME syk, derfor får dere sene svar!



Heisann! Dette er i grunn og bunn ikke en personlig blogg, men en designblogg. Men siden jeg får en del "klage" på at jeg svarer så sent på kommentarene deres ønsker jeg bare å fortelle det at jeg er ME syk, derfor orker jeg ikke alltid å sjekke denne bloggen osv. ME er en kronisk utmattelse syndom, som gjør at jeg ofte har vonde smerter i kroppen, føler meg trøtt, sliten og orker ikke alltid å konsentrere meg ++. Til vanlig blogger jeg om hverdagen min + fotografi på DENNE bloggen, og du kan lese mer om diagnosen HER om du ønsker.

Jeg prøver så godt jeg kan å få svart på alle kommentarene deres. Har en del innlegg som jeg må få laget snart, med forklaringer osv til de nye designende. Skal se om jeg får laget dem iløpet av den nermeste uken, men jeg kan ikke lobe dere noe. Beklager.




Hvordan skifte header i design 2 (september love)



Det første du gjør er å gå inn på Design-Rediger. Så kan du bla helt ned til bunnen, hvor du finner koder som dette:

#hedd1{
background:url(' http://i46.tinypic.com/30wnjae.jpg');
width:215px;
height:215px;
/*border-radius*/
-webkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
border:5px solid #decdcd;
margin-left: +37px;
position: absolute;
z-index: 2;
}

Det er tre koder som dette, bare at det er hedd1, hedd2 og hedd3.
Hedd1 er den til venstre, 2 i midten og 3 til høgre.

-Først finner du frem det bildet du ønsker å bruke. Også må man få endret på størrelsen til bildet, om du ikke har redigeringsprogramer fra før vil jeg annbefale deg å laste ned photoscape
- Der endrer du på størrelsen til høyden, den skal være på 215.
- Bredden er ikke like viktig, for om du endrer størrelsen på både høyde og bredde blir bildet ødelagt




- Så går du inn på Tinypic.com for å laste opp koden til bildet.
- Velg bildet du skal bruke, og last det opp.
- Kopier så den nederste koden du får opp



Så finner du frem designkodene igjen.
Under hedd1/2/3 fnner du en kode som dette:

background:url(' http://i46.tinypic.com/30wnjae.jpg');

Der limer du inn den nye koden din, der hvor du ser jeg har markert ovenfor.
Dette gjør du med alle tre bildene, og wollah, så har du dine egne bilder i headeren.
PS: Kan hende du ikke får bildene til å passe 100%


Var dette forstålig?




Gratisdesign 2 (nye) # September love - Stilsett






.entry {
background-color: #ffffff;
}
body {
background-color: #f4f4f4;
font-family: arial;
color: #8a8a8a;
}
#header {
background-color: #transponent;
background-image: url(' ');
height: 199px;
width:833px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin: 0px 0px 10px 0px;
margin-left: -37px;
box-shadow: 0px 0px 0px #696969;
}
#wrapper{
background-color: transparent;
background-image: none;
border: 0px;
width: 1042px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
margin-left: -37px;
}
#main {
float: left;
margin-top: +10px;
background-color: #ffffff;
border: 10px solid #ffffff;
box-shadow: 0px 0px 1px #696969;
}
#side {
float: rigth;
padding: 7px;
width: 180px;
line-height: 155%;
background-color: #transponent;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
padding: 5px
margin-top: -0px;
box-shadow: 0px 0px 0px #696969;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
#side li {
border: 0px solid #000000;
list-style-type: none;
margin: 0px;
padding: 0px 0px;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
color: #333;
font-family: georgia;
font-size: 23px;
font-weight: normal;
text-align: center;
margin-bottom: -7px;
margin-top: 3px;
padding-bottom: 2px;
font-style: georgia;
}
h2 a:link, h2 a:visited {
color: #333;
font-size: 20px;
letter-spacing: 1px;
}
h3 {
color: #999;
font-family: georgia;
font-size: 15px;
font-weight: normal;
text-align: center;
margin-bottom: -7px;
margin-top: 3px;
padding-bottom: 2px;
font-style: georgia;
}
#dato {
background-repeat: no-repeat;
color: #8a8a8a;
font-family: Arial;
margin-top: -25px;
margin-left: 0px;
width: 800px;
background-color: #f5f5f5;
text-align: center;
letter-spacing: 1px;
border: solid 0px #E6E6E6;
padding: 2px
}
h4 {
margin-top: +7px;
margin-left: 0px;
color: #000000;
font-size: 20px;
font-family: Arial;
font-weight: normal;
text-transform: normal;
margin-bottom: -40px;
}
#dato2 {
color: #8a8a8a;
font-family: Arial;
margin-top: -0px;
margin-left: 0px;
width: 800px;
background-color: #fff;
text-align: center;
letter-spacing: 0px;
border: solid 0px #E6E6E6;
padding: 5px
}
#h5 {
font-family: Arial;
font-size: 11px;
color: #8a8a8a;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
display: block;
padding: 0px;
margin: 0 0 2px 0;
background-color: #ddd;
color: #000;
text-align: left;
box-shadow: 0px 0px 1px #696969;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #999;
letter-spacing: 2px;
background-color: #f1f1f1;
}
#dato2 li a:hover {
color: #999;
letter-spacing: 0px;
background-color: #f1f1f1;
}
#comments{
padding: 0px;
width: 720px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 718px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main {
border: 4px solid #ffffff;
}
#main {
border: 17px solid #ffffff;
}
#side {
border: 0px solid #ffffff;
}
#header {
border: 0px solid #ffffff;
}
#side li {
border: 0px solid #000000;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 1px 0px;
}
#meny {
}
#meny a{
display: block;
padding: 2px;
margin: 0 0 2px 0;
background-color: #f5f5f5;
color: #999999;
text-align: center;
}
#meny a:hover{
background-color: #DDDDDD;
color: #000000;
}
#hedd1{
background:url(' http://i46.tinypic.com/30wnjae.jpg');
width:215px;
height:215px;
/*border-radius*/
-webkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
border:5px solid #decdcd;
margin-left: +37px;
position: absolute;
z-index: 2;
}
#hedd2{
background:url('http://i48.tinypic.com/2m6jsck.jpg');
width:215px;
height:215px;
/*border-radius*/
-webkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
border:5px solid #decdcd;
margin-left: +257px;
position: absolute;
z-index: 2;
}
#hedd3{
background:url('http://i50.tinypic.com/2z9aahi.jpg');
width:215px;
height:215px;
/*border-radius*/
-webkit-border-radius:150px;
-moz-border-radius:150px;
border-radius:150px;
border:5px solid #decdcd;
margin-left: +257px;
position: absolute;
z-index: 2;
}




Gratisdesign 2 (nye) # September love - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<div id="doc2">
<br><br><br>
<div id="header">
<div id="hedd1">
<div id="hedd2">
<div id="hedd3">
</div>
</div>
</div>
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br>
<div id="dato">
<li><i> </i> ${EntryDate}-<i> - </i> ${EntryTime} - <i> </i>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a><br>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2">
Publisert: ${EntryDate} Kl: <li> ${EntryTime}<li>
Postet i: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<li>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
<br><br>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<div id="foto1">
<div id="meny">
<a href="${ProfileUrl}">Venneforespørsel</a>
<a href="mailto:DIN EPOSTADRESSE HER">Kontakt</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Bloglovin</a>
</div>
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 2 (nye) # September love - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="hedd1">
<div id="hedd2">
<div id="hedd3">
</div>
</div>
</div>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3><br>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-14">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-14">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-14">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="Kommenter" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" />
<font size="1-11"><font color="999999">
<em><a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av Ingvild Aasheim</a></em></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<div id="foto1">
<div id="meny">
<a href="${ProfileUrl}">Venneforespørsel</a>
<a href="mailto:DIN EPOSTADRESSE HER">Kontakt</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Bloglovin</a>
</div>
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 2 (nye) # September love - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="hedd1">
<div id="hedd2">
<div id="hedd3">
</div>
</div>
</div>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<div id="foto1">
<div id="meny">
<a href="${ProfileUrl}">Venneforespørsel</a>
<a href="mailto:DIN EPOSTADRESSE HER">Kontakt</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Bloglovin</a>
</div>
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 2 (nye) #September love - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="hedd1">
<div id="hedd2">
<div id="hedd3">
</div>
</div>
</div>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<div id="foto1">
<div id="meny">
<a href="${ProfileUrl}">Venneforespørsel</a>
<a href="mailto:DIN EPOSTADRESSE HER">Kontakt</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Bloglovin</a>
</div>
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer..
<br><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Hvordan endre bredden på innleggene



Gå til Design-Rediger-Maler. Trykk på Ctrl+F slik at du får opp en søkerute.
Der søker du etter:  <div id="main" . Da skal du opp noe som dette:

<div id="main" class="yui-u irst" style="width:800px;">

Så om du f.eks da vil ha innleggene i 700px istedenfor  endrer du bare på tallet hvor det står 800px.
Det er ikke vanskeligere enn det, men, du MÅ huske å gjøre det i alle malene. Forside-innlegg-kategorier-arkiv.


Noe som også skjer om man endrer bredden på innlegget,  er at sidebaren sklir lenger ifra, eller detter ned. Så det du må gjøre ettter å ha skiftet bredden der, er å gå til Stilsett igjen. Der finner du #header og #wrapper, under der ser du "width:***px;" Der endrer du tallet til så mye mindre/bredere du gjorde innleggene dine.
F.eks om du endret innleggene fra 800px til 700px må du endre bredden på header og wrapper til 100px mindre. .



Var dette forstålig?




Hvordan vet man hvor høy/bred headeren er?



Først går du til Design-Radiger.
Så ser du en linje som dette #header {. Under den er det forskjellige koder, som f.eks.

height: ***px;
width: ****px;

Det står alltid height og width under #header, ihvertfall på mine design. Og det er altså de tallene som er bak width og height som er bredden og høyden på headeren. Man kan alltid endre høyden til headerene, da skjer det ingen andre endringer i designet. Men om du endrer på width så blir headeren kanskje for smal, eller for bred. Om dere skjønner!



Var dette forstålig?




Hvordan bytte profilbilde i mine gratisdesign



Det første du gjør er å gå innpå Design-rediger-maler.
Trykk på Ctrl+F på tastaturet ditt, slik at du får opp en søkerute.. Der søker du etter :

<img src

Da får du opp noe som dette
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">

Derretter går du innpå Tinypic.com og laster opp ditt bilde.
Kopier så den nederste koden. Så går du tilbake til designkodene dine.
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">

Koden som du ser er en linje under, er den bildelinken du skal bytte ut.
Lim så inn din nye kode, forhondsvis, og lagre!




Var dette forstålig?




Gratisdesign 1 (nye) # Sunset - Stilsett






.entry {
background-color: #ffffff;
}
body {
background-color: #f4f4f4;
font-family: arial;
color: #8a8a8a;
}
#header {
background-color: #fff;
background-image: url('http://i47.tinypic.com/2heimoi.jpg ');
height: 399px;
width:1033px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin: 0px 0px 10px 0px;
margin-left: -47px;
box-shadow: 0px 0px 1px #696969;
}
#wrapper{
background-color: transparent;
background-image: none;
border: 0px;
width: 1052px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
margin-left: -47px;
}
#main {
float: left;
margin-top: -00px;
background-color: #ffffff;
border: 10px solid #ffffff;
box-shadow: 0px 0px 1px #696969;
}
#side {
float: rigth;
padding: 7px;
width: 190px;
line-height: 155%;
background-color: #ffffff;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
padding: 5px
margin-top: -0px;
box-shadow: 0px 0px 1px #696969;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
#side li {
border: 0px solid #000000;
list-style-type: none;
margin: 0px;
padding: 0px 0px;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
font-size: 28px;
color: #333;
letter-spacing: 2px;
text-align: left;
padding-bottom: 5px;
padding-top: 7px;
padding-right: 50px;
text-transform: uppercase
}
h2 a:link, h2 a:visited {
color: #333;
font-size: 30px;
letter-spacing: 1px;
}
h3 {
font-size: 20px;
color: #333;
letter-spacing: 2px;
text-align: left;
padding-bottom: 5px;
padding-top: 7px;
padding-right: 50px;
text-transform: uppercase
letter-spacing: 0px;
}
#dato {
background-repeat: no-repeat;
color: #8a8a8a;
font-family: Arial;
margin-top: -33px;
margin-left: 0px;
width: 800px;
background-color: #transponent;
text-align: left;
letter-spacing: 2px;
}
h4 {
margin-top: +7px;
margin-left: 0px;
color: #000000;
font-size: 20px;
font-family: Arial;
font-weight: normal;
text-transform: normal;
margin-bottom: -40px;
}
#dato2 {
color: #8a8a8a;
font-family: Arial;
margin-top: -0px;
margin-left: -20px;
width: 800px;
background-color: #transponent;
text-align: center;
letter-spacing: 0px;
position: absolute;
z-index: 2;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#h5 {
font-family: Arial;
font-size: 11px;
color: #8a8a8a;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
display: block;
padding: 0px;
margin: 0 0 2px 0;
background-color: #f5f5f5;
color: #999999;
text-align: left;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #999;
letter-spacing: 2px;
background-color: #f1f1f1;
}
#dato2 li a:hover {
color: #999;
letter-spacing: 0px;
background-color: #f1f1f1;
}
#comments{
padding: 0px;
width: 720px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 718px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main, #side{
border: 4px solid #ffffff;
}
#main {
border: 17px solid #ffffff;
}
#side {
border: 7px solid #ffffff;
}
#header {
border: 10px solid #ffffff;
}
#side li {
border: 0px solid #000000;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 1px 0px;
}
#meny {
}
#meny a{
display: block;
padding: 2px;
margin: 0 0 2px 0;
background-color: #f5f5f5;
color: #999999;
text-align: center;
}
#meny a:hover{
background-color: #DDDDDD;
color: #000000;




Gratisdesign 1 (nye) # Sunset - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://eirinhalland.webs.com/Fonter/cufon-yui.js" type="text/javascript">
</script>
<script src="http://eirinhalland.webs.com/Fonter/dandelion_in_the_spring_400.font.js" type="text/javascript"/>
</script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<div id="doc2">
<br><br><br>
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br>
<div id="dato">
<li><i> </i> ${EntryDate}-<i> - </i> ${EntryTime} - <i> </i>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a><br>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2">
Publisert: ${EntryDate} Kl: <li> ${EntryTime}<li>
Postet i: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<li>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
<br><br>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer selv..
<br><br>
<div id="meny">
<a href="#">Legg til som venn</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Twitter</a>
<a href="#">Bloglovin</a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 1 (nye) # Sunset - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://eirinhalland.webs.com/Fonter/cufon-yui.js" type="text/javascript">
</script>
<script src="http://eirinhalland.webs.com/Fonter/dandelion_in_the_spring_400.font.js" type="text/javascript"/>
</script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3><br>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-14">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-14">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-14">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="Kommenter" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" />
<font size="1-11"><font color="999999">
<em><a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av Ingvild Aasheim</a></em></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer selv..
<br><br>
<div id="meny">
<a href="#">Legg til som venn</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Twitter</a>
<a href="#">Bloglovin</a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 1 (nye) # Sunset - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://eirinhalland.webs.com/Fonter/cufon-yui.js" type="text/javascript">
</script>
<script src="http://eirinhalland.webs.com/Fonter/dandelion_in_the_spring_400.font.js" type="text/javascript"/>
</script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer selv..
<br><br>
<div id="meny">
<a href="#">Legg til som venn</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Twitter</a>
<a href="#">Bloglovin</a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 1 (nye) # Sunset - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://eirinhalland.webs.com/Fonter/cufon-yui.js" type="text/javascript">
</script>
<script src="http://eirinhalland.webs.com/Fonter/dandelion_in_the_spring_400.font.js" type="text/javascript"/>
</script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i45.tinypic.com/5bcy0o.png" style="width:190px;">
Her kan du skrive det du vil. F.eks hvor gammel du er, hva du heter og hva du blogger om. Du bestemmer selv..
<br><br>
<div id="meny">
<a href="#">Legg til som venn</a>
<a href="#">Facebook </a>
<a href="#">Youtube</a>
<a href="#">Twitter</a>
<a href="#">Bloglovin</a>
</div>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<li><a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a></li>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Spørsmål - design



Siden jeg stadig får spørsmål angående design osv, både på mail. brev(her på blogg.no) og i kommentarer så tenkte jeg at jeg liksågodt kunne ha en slags spørsmålsrunde her på bloggen, hvor jeg kommer til å svare / legge ut koder og forklaringer på det dere lurer på! Nå er det jo ferie, derfor tenkte jeg å gjøre det nå. Siden jeg ikke kommer til å bruke mye energi på design osv når skolen starter. Pga diagnosen min og alt det der.

Er det noe dere lurer på angående design?




GRATISDESIGN (nye)



Her har dere en oversikt over mine nyeste gratisdesign. Dere finner en oversikt over de gamle HER!
Jeg setter pris på om du IKKEsender meg mailer for å spørre om jeg kan sette inn bloggdesignet for deg, om jeg kan sette inn headeren for deg, eller andre diverse spørsmål. Du finner forklaringer på det meste i menyen under her.

HER FINNER DU DIVERSE HJELP OG FORKLARINGER   (kommer straks link)

Design 1 #Sunset     (innlegg 800px)


Design 2 #September love   (innleggene 800px)



Design 3 #Simple purple     (innleggene 800px)




her kommer det straks flere nye bloggdesign.


(navnene til designene er linket til hvor dere finner kodene. )
Gjerne si ifra om du bruker ett av designene.




Hjelp angående design7 - The summer feeling



HVORDAN SKIFTE PROFILBILDE:
Gå til Design-Rediger-Maler. Trykk så på Ctrl+f slik at du får opp en søkerute. Der søker du etter "<img src=".
Da skal du finne noe som dette:

<img src="http://i46.tinypic.com/34y3g2h.jpg" style="width:180px;">

Så kan du åpne en ny fane, å gå innpå Tynipic.com å laste opp bildet du ønsker å bruke som proflbilde.
Kopier så den nederste koden du får opp, og bytt den ut med den koden som jeg har markert ovenfor.



HVORDAN SKIFTE HEADER
Gå til Design. Last opp headeren på den vanlige måten. Bare at når bildet er lastet opp, lagrer du IKKE.
Ta heller å bare kopier koden som kommer opp, inni den ruten. Gå så videre til Rediger.

Da kan du med en gang se en kode som dette:
}
#header {
background-color: #f1f1f1;
background-image: url(' http://bloggfiler.no/iaabestiltdesign.blogg.no/images/1485767-7-1335458495378.jpg ');
height: 350px;
width:1005px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
box-shadow: 0px 0px 2px #696969;

Bytt så ut den koden du nettopp kopierte med den som du kan se jeg har markert. Vil du ha headeren høyere endrer
du bare på "width: 350px;" til den høyden du ønsker headeren skal være i.



HVORDAN SKIFTE BAKRUNNSFARGE
Gå til stilsett, å omtrendt helt opperst der finner du en linje som dette:

body {
background-color: #f4f4f4;
font-family: arial;
color: #8a8a8a;
}

f4f4f4 er altså navnet på bakrunnen. Det er lysegrå. Så om du vil ha den mørkere kan du f.eks endre den til DDD -eee-aaa. .  Og om du ønsker å skifte farge på skriften i innleggene endrer du på fargen som er bak "color".

Noe mer dere lurer på finner dere hjelp HER.




Gratisdesign 7 # the summer feeling - Stilsett



 

.entry {
background-color: #ffffff;
}
body {
background-color: #eee7e7;
font-family: arial;
color: #8a8a8a;
}
#header {
background-color: #fff;
background-image: url('http://bloggfiler.no/desiaa.blogg.no/images/1223938-8-1339271309233.jpg ');
height: 300px;
width:803px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin: 0px 0px 10px 0px;
margin-left: -30px;
-webkit-box-shadow: 0px 0px 20px #B3B3B3;
-moz-box-shadow: 0px 0px 20px #B3B3B3;
box-shadow: 0px 0px 20px "B3B3B3;
}
#wrapper{
background-color: transparent;
background-image: none;
border: 0px;
width: 1047px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
margin-left: -30px;
}
#main {
float: left;
background-color: #ffffff;
border: 10px solid #ffffff;
-webkit-box-shadow: 0px 0px 20px #B3B3B3;
-moz-box-shadow: 0px 0px 20px #B3B3B3;
box-shadow: 0px 0px 20px "B3B3B3;
}
#side {
float: rigth;
padding: 7px;
width: 180px;
line-height: 155%;
background-color: #ffffff;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
padding: 5px;
margin-top: -340px;
-webkit-box-shadow: 0px 0px 20px #B3B3B3;
-moz-box-shadow: 0px 0px 20px #B3B3B3;
box-shadow: 0px 0px 20px "B3B3B3;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
#side li {
border: 0px solid #000000;
list-style-type: none;
margin: 0px;
padding: 0px 0px;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
text-align: center;
font-family: times new roman;
font-size: 25px;
color: #aaa;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin-bottom: -10px;
text-transform: normal;
}
h2 a:link, h2 a:visited {
color: #aaa;
font-size: 25px;
letter-spacing: 0px;
}
h3 {
color: #aaa;
font-size: 15px;
font-family: gisha;
font-weight: normal;
text-transform: normal;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
line-height: 140%;
letter-spacing: 0px;
}
#dato {
color: #8a8a8a; /*farge på skriften*/
font-family: Arial; /*skrifttype*/
margin-top: -43px; /*skriv høgere tall om den kommer for langt nede og omvendt*/
margin-left: 0px; /*skriv lavere tall om den kommer for langt bort og omvendt*/
width: 800px; /*vidden, denne endrer du slik det passer seg*/
background-color: #fff; /*bakgrunnsfargen*/
text-align: center; /*posisjon, center, left eller right*/
letter-spacing: 1px;
}
#dato2 {
color: #8a8a8a;
font-family: Arial;
margin-top: -0px;
margin-left: -20px;
width: 840px;
background-color: #eee7e7;
text-align: center;
letter-spacing: 0px;
position: absolute;
z-index: 2;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#h5 {
font-family: Arial;
font-size: 11px;
color: #8a8a8a;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
color: #999;
letter-spacing: 0px;
background-color: #f1f1f1;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #999;
letter-spacing: 0px;
background-color: #f1f1f1;
}
#comments{
padding: 0px;
width: 720px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 718px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main, #side{
border: 4px solid #ffffff;
}
#main {
border: 17px solid #ffffff;
}
#side {
border: 7px solid #ffffff;
}
#header {
border: 15px solid #ffffff;
}
h4 {
color: #000000;
font-size: 15px;
font-family: Arial;
font-weight: normal;
text-transform: normal;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
letter-spacing: 1px;
border-bottom: 1px solid #f1f1f1;
}
#side li {
border: 0px solid #000000;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 1px 0px;
}




Gratisdesign 7 # the summer feeling - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body class="front">
<div id="doc2">
<br><br><br><br>
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br><br>
<div id="dato">
<li><i> </i> ${EntryDate}-<i> / </i> ${EntryTime} / <i> </i> i:</font> <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
<br>
<a href="${EntryPermaLink}#comment">{${EntryCommentCount}k o m m e n t a r e r}</a>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2">
Publisert: ${EntryDate} Kl: <li> ${EntryTime}<li>
Postet i: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<li>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
<br><br>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i46.tinypic.com/34y3g2h.jpg" style="width:180px;">
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<a href="${ProfileUrl}">+Legg til som venn</a><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 7 # the summer feeling - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-14">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-14">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-14">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="Kommenter" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" />
<font size="1-11"><font color="999999">
<em><a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av Ingvild Aasheim</a></em></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i46.tinypic.com/34y3g2h.jpg" style="width:180px;">
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<a href="${ProfileUrl}">+Legg til som venn</a><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 7 # the summer feeling - Kategorier, 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i46.tinypic.com/34y3g2h.jpg" style="width:180px;">
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<a href="${ProfileUrl}">+Legg til som venn</a><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 7 # the summer feeling - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<body>
<div id="doc2">
<br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i46.tinypic.com/34y3g2h.jpg" style="width:180px;">
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<a href="${ProfileUrl}">+Legg til som venn</a><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3><br>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 6 #sweet cupcake - Stilsett




innleggene er i 800px


entry {
background-color: #ffffff;
}
body {
cursor: Crosshair;
background-color: #f6f6f6;
font-family: arial;
color: #8a8a8a;
}
#header {
padding: 15px;
background-color: #fff;
background-image: url(' http://bloggfiler.no/iaabestiltdesign.blogg.no/images/1485767-8-1336126381802.jpg ');
height: 240px;
width:1066px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
margin-left: -40px;
}
#wrapper {
clear: none;
margin-left: auto;
margin-right: auto;
width: 1026px;
background-color: #fff;
margin-left: -40px;
}
#wrapper:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#main {
float: left;
background-color: #ffffff;
border: 10px solid #ffffff;
box-shadow: 0px 0px 0px #696969;
}
#side {
float: rigth;
text-align: center;
padding: 7px;
width: 177px;
line-height: 155%;
background-color: #ffffff;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
padding: 5px;
margin-top: -0px;
box-shadow: 0px 0px 0px #696969;;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
text-align: left;
font-family: times new roman;
font-size: 25px;
color: #DDD;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin-bottom: -10px;
text-transform: normal;
text-align: center;
}
h2 a:link, h2 a:visited {
color: #AAA;
font-size: 23px;
letter-spacing: 0px;
}
h3 {
color: #999;
font-size: 17px;
font-family: gisha;
font-style: italic;
font-weight: normal;
text-transform: normal;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
line-height: 140%;
letter-spacing: 1px;
}
#dato {
color: #8a8a8a; /*farge på skriften*/
font-family: Arial; /*skrifttype*/
margin-top: -40px; /*skriv høgere tall om den kommer for langt nede og omvendt*/
margin-left: 0px; /*skriv lavere tall om den kommer for langt bort og omvendt*/
width: 800px; /*vidden, denne endrer du slik det passer seg*/
background-color: #transponent; /*bakgrunnsfargen*/
text-align: center; /*posisjon, center, left eller right*/
etter-spacing: 0px;
border-bottom: solid 1px #f1f1f1;
}
#dato2 {
color: #000; /*farge på skriften*/
font-family: Arial; /*skrifttype*/
width: 800px; /*vidden, denne endrer du slik det passer seg*/
background-color: #fff; /*bakgrunnsfargen*/
text-align: left; /*posisjon, center, left eller right*/
etter-spacing: 1px;
border-bottom: solid 1px #f4f4f4;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
color: #DDD;
letter-spacing: 0px;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #ddd;
letter-spacing: 0px;
}
#comments{
padding: 0px;
width: 820px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 818px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main, #side{
border: 4px solid #ffffff;
}
#main {
border: 10px solid #ffffff;
}
#side {
border: 4px solid #ffffff;
}
#wrapper {
border-right: 2px solid #ddd;
border-left: 2px solid #ddd;
}
#header {
border-right: 2px solid #ddd;
border-left: 2px solid #ddd;
border-top: 20px solid #fff;
}




Gratisdesign 6 #sweet cupcake - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<div id="doc2">
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br><br>
<div id="dato">
<li><i> </i> ${EntryDate}-<i> - </i> ${EntryTime} - <i> </i>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2"</li>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName} / </a></li>
<tag:if test="${EntryCommentCount == 0}">
<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>
<br><br>
</tag:if>
</li>
<li>
</li>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src=" ">
<a href="${ProfileUrl}">+LEGG MEG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul><br>
<h3>Linker</h3>
<ul>
<tag:linklist>
<li><a href="${LinkURL}">${LinkName}</a></li>
</tag:linklist>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 6 #sweet cupcake - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3><br><br>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-10">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-10">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-10">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="You make me happy" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><font size="1-18"><font color="999999">
<a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av INGVILD AASHEIM</a></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src=" ">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul><br>
<h3>Linker</h3>
<ul>
<tag:linklist>
<li><a href="${LinkURL}">${LinkName}</a></li>
</tag:linklist>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 6 #sweet cupcake - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2><br>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a><br>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src=" ">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul><br>
<h3>Linker</h3>
<ul>
<tag:linklist>
<li><a href="${LinkURL}">${LinkName}</a></li>
</tag:linklist>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Gratisdesign 6 #sweet cupcake - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2><br>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src=" ">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul><br>
<h3>Linker</h3>
<ul>
<tag:linklist>
<li><a href="${LinkURL}">${LinkName}</a></li>
</tag:linklist>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Hjelp angående design 5 - Lovely time



HVORDAN SKIFTE PROFILBILDE:
Gå til Design-Rediger-Maler. Trykk så på Ctrl+f slik at du får opp en søkerute. Der søker du etter "<img src=".
Da skal du finne noe som dette:

<img src="http://i47.tinypic.com/5v3w9c.jpg" style="width:177px;">

Så kan du åpne en ny fane, å gå innpå Tynipic.com å laste opp bildet du ønsker å bruke som proflbilde.
Kopier så den nederste koden du får opp, og bytt den ut med den koden som jeg har markert ovenfor.



HVORDAN SKIFTE HEADER
Gå til Design. Last opp headeren på den vanlige måten. Bare at når bildet er lastet opp, lagrer du IKKE.
Ta heller å bare kopier koden som kommer opp, inni den ruten. Gå så videre til Rediger.

Da kan du med en gang se en kode som dette:
}
#header {
background-color: #f1f1f1;
background-image: url(' http://bloggfiler.no/iaabestiltdesign.blogg.no/images/1485767-7-1335458495378.jpg ');
height: 350px;
width:1005px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
box-shadow: 0px 0px 2px #696969;

Bytt så ut den koden du nettopp kopierte med den som du kan se jeg har markert. Vil du ha headeren høyere endrer
du bare på "width: 350px;" til den høyden du ønsker headeren skal være i.



HVORDAN SKIFTE BAKRUNNSFARGE
Gå til stilsett, å omtrendt helt opperst der finner du en linje som dette:

body {
background-color: #f4f4f4;
font-family: arial;
color: #8a8a8a;
}

f4f4f4 er altså navnet på bakrunnen. Det er lysegrå. Så om du vil ha den mørkere kan du f.eks endre den til DDD -eee-aaa. .  Og om du ønsker å skifte farge på skriften i innleggene endrer du på fargen som er bak "color".




Design #5 Lovely time - Stilsett






.entry {
background-color: #ffffff;
}
body {
cursor: Crosshair;
background-color: #f4f4f4;
font-family: arial;
color: #8a8a8a;
}
#header {
background-color: #f1f1f1;
background-image: url(' http://bloggfiler.no/iaabestiltdesign.blogg.no/images/1485767-7-1335458495378.jpg ');
height: 350px;
width:1005px;
background-repeat: no-repeat;
background-position: center;
border: 0px;
padding: 0px;
box-shadow: 0px 0px 2px #696969;
}
#wrapper{
background-color: transparent;
background-image: none;
border: 0px;
width: 1018px;
padding: 0px 0px 0px 0px;
margin-bottom: 20px;
}
#main {
float: left;
background-color: #ffffff;
border: 10px solid #ffffff;
box-shadow: 0px 0px 2px #696969;
}
#side {
float: rigth;
padding: 7px;
width: 177px;
line-height: 155%;
background-color: #ffffff;
font-size: 10px;
color: #7e7e77;
font-family: tahoma;
border: solid 0px #E6E6E6;
padding: 5px;
margin-top: -0px;
box-shadow: 0px 0px 2px #696969;;
}
#side a:link, #side a:visited, #a:active {
color: #999999;
}
#side li {
border-bottom: 1px solid #ddd;
font-size: 11px;
list-style-type: none;
margin: 0px;
padding: 2px 0px;
}
a { color: #8a8a8a; text-decoration: none;}
a:link { color: #999999; text-decoration: none;}
a:visited { color: #8a8a8a; text-decoration: none;}
a:active { color: #8a8a8a; text-decoration: none;}
h1, h2, h3, h4, h5 { font-family: Century Gothic, Helvetica, sans-serif; }
#header h1, #header p { display:none }
#header { color: #383732; }
h2 a, h2 a:link, h2 a:visited, h2 a:active { text-decoration: none; color: #383732;
}
h2 {
text-align: left;
font-family: times new roman;
font-size: 25px;
color: #aaa;
font-weight: normal;
padding: 0px 0px 0px 0px;
margin-bottom: -10px;
text-transform: normal;
text-align: center;
}
h2 a:link, h2 a:visited {
color: #999;
font-size: 23px;
letter-spacing: 0px;
}
h3 {
color: #999;
font-size: 15px;
font-family: gisha;
font-style: italic;
font-weight: normal;
text-transform: normal;
margin-bottom: 0px;
margin-top: 0px;
padding-bottom: 0px;
line-height: 140%;
letter-spacing: 1px;
}
#dato {
color: #8a8a8a; /*farge på skriften*/
font-family: Arial; /*skrifttype*/
margin-top: -40px; /*skriv høgere tall om den kommer for langt nede og omvendt*/
margin-left: 0px; /*skriv lavere tall om den kommer for langt bort og omvendt*/
width: 800px; /*vidden, denne endrer du slik det passer seg*/
background-color: #fff; /*bakgrunnsfargen*/
text-align: center; /*posisjon, center, left eller right*/
etter-spacing: 0px;
border: solid 1px #f4f4f4;
}
#dato2 {
color: #000; /*farge på skriften*/
font-family: Arial; /*skrifttype*/
width: 800px; /*vidden, denne endrer du slik det passer seg*/
background-color: #fff; /*bakgrunnsfargen*/
text-align: left; /*posisjon, center, left eller right*/
etter-spacing: 1px;
border-bottom: solid 1px #f4f4f4;
}
h2 a:hover {
color: #DDDDDD;
}
#side li a:hover {
color: #000000;
letter-spacing: 0px;
}
a:hover {
cursor: Crosshair;
color: #000000;
}
#dato li a:hover {
color: #000000;
letter-spacing: 0px;
}
#comments{
padding: 0px;
width: 720px;
background-color: #fff;
}
#comment_submit{
width: 90px;
}
#comments .owner, #comments .user, #comments .other {
width: 718px;
padding: 5px;
margin: 20px 0px 20px 0px;
border-left: 1px dashed #fff;
background-color: transparent;
}
#comments .meta{
color: #5b544c;
font-size: 11px;
line-height: 13px;
letter-spacing: 1px;
background-color: #f9f9f9; /* Bakgrunnsfarge på datoen osv i blogginnlegg */
font-weight: normal;
text-align: left;
padding: 3px 3px 3px 50px;
margin: 0px 0px 3px 0px;
background-image: none;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
#comments .content{
line-height: 15px;
background-color:transponent;
padding: 0px;
margin: 0px;
}
#comments h4, #comments h4 a{
font-size: 14px;
line-height: 17px;
font-weight: normal;
color: #232323;
text-transform: uppercase;
border-bottom: 0px solid #FACDDD;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2px 0px;
}
#comments img.avatar{
background-color: #f1f1f1;
border:1px solid;
padding:2px;
float:left;
margin: 0px 4px 0px 0px;
}
#newcomment{
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
width: 800px;
background-color: #ffffff;
}
#main, #side{
border: 4px solid #ffffff;
}
#main {
border: 10px solid #ffffff;
}
#side {
border: 4px solid #ffffff;
}
#header {
border: 6px solid #ffffff;
}




Design #5 Lovely time - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<div id="doc2">
<br><br><br><br>
<div id="header">
<h1>${BlogTitle}</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entrylist limit="40">
<div class="entry">
<h2>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h2>
<div class="meta">
<ul>
<br><br>
<div id="dato">
<li><i> </i> ${EntryDate}-<i> - </i> ${EntryTime} - <i> </i>
<a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<div id="dato2"</li>
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName} / </a></li>
<tag:if test="${EntryCommentCount == 0}">
<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>
<br><br>
</tag:if>
</li>
<li>
</li>
</li>
</ul>
<tag:if test="${EntryHasTags == 'true'}">
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/5v3w9c.jpg" style="width:177px;">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design #5 Lovely time - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<br><br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<tag:entry>
<div class="entry">
<a name="a${EntryNum}" id="a${EntryNum}"></a>
<h2>${EntryTitle}</h2>
<div class="meta">
<ul>
</li>
</ul>
</div>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>
</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>
<div id="comments">
<h3>
<tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
<tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
<tag:else />${EntryCommentCount} kommentarer</tag:if>
</h3><br>
<tag:commentlist>
<div class="${CommentClass}">
<tag:if test="${CommentProfileUrl != ''}">
<a href="${CommentProfileUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
</a>
<tag:else />
<tag:if test="${CommentAuthorUrl != ''}">
<a rel="nofollow" href="${CommentAuthorUrl}">
<img class="avatar" src="http://i.blogg.no/50x50/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/50x50/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>
${CommentAuthorLinkIf}</h7>
<div class="meta">
-${CommentDate}
kl:${CommentTime}
</div>
<br><br>
<div class="content">${CommentText}</div>
</div>
</tag:commentlist>
</div>
<div id="newcomment" class="clearfix">
<h3>Skriv en ny kommentar</h3> <br>
<form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
<div id="comment_author_wrapper">
<label for="comment_author"> <font size="1-10">Navn: </font></label>
<input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" / style="width:280px;">
</div>
<br><br><br>
<div id="comment_authoremail_wrapper">
<label for="comment_authoremail"><font size="1-10">E-post:</font></label>
<input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" /style="width:280px;">
</div>
<div id="comment_authorurl_wrapper">
<label for="comment_authorurl"><font size="1-10">URL:</font></label>
<input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" /style="width:280px;">
</div>
<div id="comment_text_wrapper">
<label for="comment_text"></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="You make me happy" / style="width:150px;"><br><br>
<a title="iaa1996 - Ingvild Aa on Bloglovin" href="http://www.bloglovin.com/en/blog/2544058/iaa1996-ingvild-aa/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><font size="1-18"><font color="999999">
<a href=" http://iaa1996.blogg.no/?c=1325632939" class="nav">Designet er laget av INGVILD AASHEIM</a></font></font>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/5v3w9c.jpg" width:177px;">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design #5 Lovely time - 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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<br><br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${CategoryName}</h2><br>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a><br>
</h3>
<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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/5v3w9c.jpg"width:177px;">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">INGVILD AASHEIM</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>




Design #5 Lovely time - 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>${ArchiveName} (${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://static.blogg.no/blogs/favicon.gif" type="image/gif" />
</head>
<script src="http://iaasdesign.webs.com/cufon-yui.js " type="text/javascript"/>
</script>
<script src=" http://iaasdesign.webs.com/Never_Say_Never_400.font.js" type="text/javascript"/></script>
<script type="text/javascript">
Cufon.replace('h2')('h3');
</script>
<body class="front">
<body>
<div id="doc2">
<br><br><br><br>
<div id="header" onclick="document.location='${BlogUrl}';">
<h1>
<a href="${BlogUrl}">${BlogTitle}</a>
</h1>
<p>${BlogDescription}</p>
</div>
<div id="wrapper" class="yui-gc">
<div id="main" class="yui-u first" style="width:800px;">
<h2>${ArchiveName}</h2><br>
<tag:entrylist limit="1000">
<div class="entry">
<h3>
<a href="${EntryPermaLink}">${EntryTitle}</a>
</h3>
<div class="content">${EntryBody}</div>
<div class="meta">
<ul>
<li>${EntryDate} kl.${EntryTime}
<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>
</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>
</tag:if>
<tag:include module="sidebar"></tag:include>
<div>
<div id="sidebox">
<img src="http://i47.tinypic.com/5v3w9c.jpg"width:177px;">
<a href="${ProfileUrl}">+LEGG TIL SOM VENN</a><br>
<br>
Her kan du skrive det du vil om deg. F,eks hvor gammel du er, hvor du er fra, hva du heter...Du bestemmer,
<br><br>
<br>
<h3>Seneste</h3>
<ul>
<tag:recentlist limit="10">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul><br>
<h3>Kategorier</h3>
<ul>
<tag:categorylist>
<li>
<a href="${CategoryLink}">${CategoryName}</a>
</li>
</tag:categorylist>
</ul>
<br>
<h3>Arkiv</h3>
<ul>
<tag:archivelist>
<li>
<a href="${ArchiveLink}">${ArchiveName}</a>
</li>
</tag:archivelist>
</ul>
</div>
<h3>Design av:</h3>
<a href="http://iaa1996.blogg.no/ " target="_blank">Ingvild Aasheim</a>
<tag:if test="${HasLinks == 'true'}">
</tag:if>



Les mer i arkivet » April 2017 » Mai 2013 » Mars 2013