Takk alle sammen!

Joda, jeg har fått flere designbestillinger på mail enn på kommentarer, men likevel, jeg setter veldig pris på det, fordi det betyr virkelig at noen liker det jeg gjør! Nå holder jeg på med 3 stykker, og jeg syns faktisk det er en del jeg! Den ene vanskeligere å få til enn den andre... jaja! Hvordan liker dere MITT nye design egentlig? Falt den i smak? Hehe, håper det, og igjen tusen takk for alle henvendelser! Elsker dere! Kinda... ;-) 

- Martine

til Camilla 2

MALER 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">

<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 class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

<a href="${BlogUrl}">${BlogTitle}</a> »

<a href="${EntryCategoryLink}">${EntryCategoryName}</a> » ${EntryTitle}</div>

<div id="main" class="yui-u first">

<tag:entry>

<div class="entry">

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

<h2>${EntryTitle}</h2>

<div class="meta">

<ul>

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

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

<li>

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

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

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

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

<tag:else />

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

</tag:if>

</li>

</ul>

</div>

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

<div class="meta">

<ul>

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

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

<li>

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

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

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

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

<tag:else />

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

</tag:if>

</li>

<li>

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

</li>

<li class="share">

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

</li>

</ul>

<tag:if test="${EntryHasTags == 'true'}">

<div class="tags">Stikkord:

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

</tag:if>

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

</div>

</div>

</tag:entry>

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

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

<h3>

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

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

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

</h3>

<div id="comments">

<tag:commentlist>

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

<div class="meta">

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

<a href="${CommentProfileUrl}">

<img class="avatar" src="http://i.blogg.no/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>

<h4>${CommentAuthorLinkIf}</h4>

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

</div>

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

</div>

</tag:commentlist>

</div>

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

<h3>Skriv en ny kommentar</h3>

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

<div id="comment_author_wrapper">

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

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

</div>

<div id="comment_authoremail_wrapper">

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

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

</div>

<div id="comment_authorurl_wrapper">

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

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

</div>

<div id="comment_text_wrapper">

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

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

</div>

<div id="comment_submit_wrapper">

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

<input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />

</div>

<div id="comment_remember_wrapper">

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

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

</div>

</form>

</div>

</tag:if>

</div>

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

<tag:profile>

<tag:if test="${ProfileExists == 'true'}">

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

<div>

<a href="${ProfileUrl}" title="${ProfileName}">

<img src="${ProfileImageUrl}" alt="${ProfileName}" />

</a>

</div>

<h3>

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

</h3>

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

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

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

<div>

<h2>Meny</h2>

<a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

</div>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

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

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

</div>

</div>

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

<div class="yui-u first">

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

<tag:if test="${ProfileExists == 'true'}">skrives av ©

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

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

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

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

<ul>

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

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

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

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

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

</ul>

</div>

</div>

</div>

</body>

</html>


MALER KATEGORI 


 <!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">

<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 class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

<a href="${BlogUrl}">${BlogTitle}</a> » ${CategoryName}</div>

<div id="main" class="yui-u first">

<h2>${CategoryName}</h2>

<tag:entrylist limit="1000" maxchars="200">

<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>

<a href="${ProfileUrl}" title="${ProfileName}">

<img src="${ProfileImageUrl}" alt="${ProfileName}" />

</a>

</div>

<h3>

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

</h3>

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

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

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

<div>

<h2>Meny</h2>

<a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

</div>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

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

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

</div>

</div>

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

<div class="yui-u first">

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

<tag:if test="${ProfileExists == 'true'}">skrives av ©

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

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

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

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

<ul>

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

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

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

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

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

</ul>

</div>

</div>

</div>

</body>

</html>


MALER 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">

<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 class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> »

<a href="${BlogUrl}">${BlogTitle}</a> » ${ArchiveName}</div>

<div id="main" class="yui-u first">

<h2>${ArchiveName}</h2>

<tag:entrylist limit="1000" maxchars="200">

<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>

<a href="${ProfileUrl}" title="${ProfileName}">

<img src="${ProfileImageUrl}" alt="${ProfileName}" />

</a>

</div>

<h3>

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

</h3>

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

<p>${ProfileDescription}</p>

</div>

</tag:if>

</tag:profile>

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

<div>

<h2>Meny</h2>

<a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a></div>

<div>

<h3>Kategorier</h3>

<ul>

<tag:categorylist>

<li>

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

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h3>Arkiv</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

</div>

</div>

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

<div class="yui-u first">

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

<tag:if test="${ProfileExists == 'true'}">skrives av ©

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

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

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

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

<ul>

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

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

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

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

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

</ul>

</div>

</div>

</div>

</body>

</html>

til Camilla

Jeg har laget fet skrift på alt du selv kan endre på, okei? Og så har jeg delt opp stilsett og mal forside, innlegg, kategori og arkiv med en sånn strek under, tror du forstår. Er det noe du vil endre, så bare si ifra, okay? :-) 

 


STILSETT

.entry {

border-bottom: 5px solid #ffffff;

border-top: 5px solid #ffffff;

border-left: 5px solid #ffffff;

border-right: 5px solid #ffffff;

background-color: #FFFFFF;

font-family: century gothic;

font-size: 9.5pt;

}

.entry .meta {

background-color: #F3EEDE;

Border-radius: 5px;

padding: 0px;

}

body {

background-color: #FFFFFF;

background-image: url('http://bloggfiler.no/pantradesign.blogg.no/images/984908-9-1305034640440.jpg');

background-attachment: fixed;

}

#header {

background-color: #transp;

background-image: url('');

height: 260px;

background-repeat: no-repeat;

margin: 0px 0px 10px 0px;

}

#wrapper {

background-color: #transp;

width: 910px;

}

#footer {

background-color: #transp;

}

#main {

float: right;

width: 680px;

background-color: white;

font-family: century gothic;

font-size: 12px;

color: #333333;

padding: 10px;

text-align: left;

}

#side {

background-color: #ffffff;

float: left;

width: 180px;

padding: 10px;

font: normal 9pt century gothic;

color: #666666;

letter-spacing: 1px;

text-transform: middercase;

opacity: 0.9;

}

img:hover{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

img{filter: alpha(opacity=85); moz-opacity:.85; opacity:.85;}

a { color: #333333}

a:link { color: #333333}

a:visited { color: #333333}

a:active { color: #333333}

a:hover {color: #767676;}

h1, h2, h3, h4, h5 { font-family: Times New Roman, Times, serif; }

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

#header { color: #FFFFFF; }

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

#profile div img{ display: none;}

h2 {

cursor: default;

background-color: #transp;

border-radius: 3px;

color: #333333;

font-size: 19pt;

font-family: Arial Narrow;

letter-spacing: 0px;

line-height: 20pt;

text-align: center;

padding: 0px;

font-style: none;

text-transform: uppercase;

border-bottom: 0px solid #ffffff;

margin-bottom: 0px;

margin-top: 0px;

margin-right: 0px;

margin-left: 0px;


MALER 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>

<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">

<tag:entrylist limit="20">

<div class="entry">

<h2>

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

</h2>

<div class="meta">

<ul>

<li>

</li>

<li>

</li>

</ul>

</div>

<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>

<tag:if test="${EntryHasTags == 'true'}">

<div class="tags">Stikkord:

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

</tag:if>

</div>

</div>

</tag:entrylist>

<div>Les mer i arkivet

<tag:archivelist limit="3"> »

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

</div>

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

<tag:profile>

<tag:if test="${ProfileExists == 'true'}">

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

<div>

<a href="${ProfileUrl}" title="${ProfileName}">

</a>

</div>

<h2>

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

</h2>

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

<center><a href="URL/LINK TIL DET DU VIL LINKE TIL MED BILDET (dette er en bildelink u c) (f.eks profilen din, det er nok det beste og vanligste) " target="_blank"><img src="BILDEURL/BILDELINKEN DIN" border="0" width="170" /></a></center>

<p>${ProfileDescription}</p>

Designet er laget av <a href="http://pantra.blogg.no" target="_blank">Pantra.blogg.no</a>.

</div>

</tag:if>

</tag:profile>

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

<div>

<h2>Meny</h2>

<a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

<br /><a href="URL/LINK HER" target="_blank">TEKST/NAVN PÅ KNAPP HER</a>

</div>

<div>

<h2>Kategorier</h2>

<ul>

<tag:categorylist>

<li>

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

</li>

</tag:categorylist>

</ul>

</div>

<div>

<h2>Arkiv</h2>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<tag:if test="${HasLinks == 'true'}">

<div>

<h2>Linker</h2>

<ul>

<tag:linklist>

<li>

<a href="${LinkURL}">${LinkName}</a>

</li>

</tag:linklist>

</ul>

</div>

</tag:if>

<tag:if test="${HasProducts == 'true'}">

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

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

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

</div>

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

<div class="yui-u first">

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

<tag:if test="${ProfileExists == 'true'}">skrives av ©

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

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

er selv ansvarlig for innhold. Henvendelser kan rettes til

<a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>

</div>

<div class="yui-u">

<h4>Arkiv</h4>

<ul>

<tag:archivelist limit="5">

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

<div class="yui-u">

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

<ul>

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

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

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

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

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

</ul>

</div>

</div>

</div>

</body>

</html>

woho - design til Stine Hulbach!

Sånn Stine (stinehulbach.blogg.no)! Vet at beskjeden er sein som f', men har sendt kodene til deg på mail nå! ;)

Er det noe du lurer på ang. designet, noe du vil legge til, endre på eller fjerne, så er det bare å kommentere dette innlegget, eller sende en mail tilbake. ;)

- Martine

GRATISDESIGN 1

 

Sånn! Da har jeg lagd det første gratisdesignet til dere! Er det noe dere trenger hjelp til så kan dere enten skrive det i kommentarfeltet, eller sende mail til pantradesign@hotmail.com.

Håper dere liker det, og hvis dere bruker det, så si gjerne ifra til meg i kommentarfeltet her!

 

 


 

STILSETT

 

.entry {

background-color: #FFFFFF;

}

body {

background-color: #E4C9C0;

background-attachment: fixed;

font-family: Lucida Sans Unicode;

color: #000000;

}

#header {

 

background-color: #transp;

background-image: url('http://bloggfiler.no/pantradesign.blogg.no/images/984908-9-1296867627636.jpg');

height: 350px;

width: 950px;

background-repeat: no-repeat;

margin-left: auto;

margin-right: auto;

 

}

#wrapper {

font-size: 10pt;

background-color: #transp;

width: 950px;

}

#main {

float: right;

width: 65%;

}

#side {

margin-top: 0px;

float: left;

width: 20%

background-color: #FFFFFF;

}

#side div {

background-color: #FFFFFF;

padding: 8px;

margin-bottom: 30px;

}

#footer {

background-color: #transp;

}

a { color: #333333}

a:link { color: #333333}

a:visited { color: #333333}

a:active { color: #333333}

a:hover {color: #BC5653;}

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

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

#header { color: #FFFFFF; }

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

#profile div img{ display: none; }

h2 {

cursor: default;

background-color: #ffffff;

color: #BC5653;

font-size:20pt;

font-family: Georgia;

letter-spacing: -2px;

line-height:18pt;

text-align: center;

padding: 0px;

font-weight: bold;

text-transform: middercase;

border-bottom: 0px dotted #C8A182;

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

 

 


Maler 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:F//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">

<div id="header">

<h1>${BlogTitle}</h1>

<p>${BlogDescription}</p>

</div>

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

<div id="main" class="yui-u first">

<tag:entrylist limit="15">

<div class="entry">

<h2>

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

</h2>

<li>${EntryDate} // ${EntryTime} //

<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>

<div class="meta">

<ul>

<li>

<a href=""></a></li>

<li>

</li>

</ul>

</div>

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

<h2><center><a href="${EntryPermaLink}#comment"> Kommenter her </a></center></h2>

<div class="meta">

<ul>

<li>

</li>

<li>

</li>

<li>

</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>

</div>

</div>

</tag:entrylist>

</div>

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

<tag:profile>

<tag:if test="${ProfileExists == 'true'}">

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

<div>

<a href="${ProfileUrl}" title="${ProfileName}">

</a>

</div>

<h2>Meny<h2>

<p>

<h4><a href="URL" target="_new">Forside</a>,

<a href="URL" target="_new">Om bloggeren</a>,

<a href="URL" target="_new">Navn på knappen</a>,

<a href="URL" target="_new">Navn på knappen</a><h3><p>

<h2>

<p><a href="${ProfileUrl}"> NAVNET DITT HER</a></p>

</h2>

<p>${ProfileDescription}</p>

<p> Kontakt: HVORDAN KONTAKTE DEG HER</p>

<br />

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

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">

<input type="hidden" name="bl_id" value="${BlogID}" />

<input type="text" name="criteria" value="" size="11" maxlength="1000" id="soek" />

<input type="submit" value="Søk" style="width: 40px;" id="soek" />

</form>

</div>

</tag:if>

<tag:if test="${HasLinks == 'true'}">

<div>

</tag:if>

</tag:profile>

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

<div>

<h2>Kategorier</h2>

<tag:categorylist>

<a href="${CategoryLink}">${CategoryName}</a>,

</tag:categorylist>

</div>

<div>

<h2>Arkiv</h2>

<tag:archivelist>

<a href="${ArchiveLink}">${ArchiveName}</a>,

</tag:archivelist>

</div>

<tag:if test="${HasLinks == 'true'}">

<div>

<h2>Favoritter</h2>

<tag:linklist>

<a href="${LinkURL}">${LinkName}</a>,

</tag:linklist>

<br />

<div>

<br />

<h2>Annet</h2>

<br />

<p><a href="http://pantra.blogg.no/" target="_blank"><img src="<a href="http://tinypic.com?ref=r8gxzl" target="_blank"><img src="http://i54.tinypic.com/r8gxzl.jpg" border="0" alt="Image and video hosting by TinyPic"></a>

<p><a href="URL/LINK" target="_blank"><img src="BILDEURL/BILDELINK</a>

<p><a href="URL/LINK" target="_blank"><img src="BILDEURL/BILDELINK</a>

</tag:if>

<tag:if test="${HasProducts == 'true'}">

<div>

<h3>Jeg anbefaler</h3>

<ul>

<tag:productlist>

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

</tag:productlist>

</ul>

</div>

</tag:if>

</div>

</div>

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

<div class="yui-u first">

</div>

<div class="yui-u">

</ul>

</div>

</div>

</div>

</body>

</html>

 


Maler 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">

<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">

<tag:entry>

<div class="entry">

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

<h2>${EntryTitle}</h2>

<div class="meta">

<ul>

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

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

<li>

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

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

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

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

<tag:else />

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

</tag:if>

</li>

</ul>

</div>

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

<div class="meta">

<ul>

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

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

<li>

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

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

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

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

<tag:else />

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

</tag:if>

</li>

<li>

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

</li>

<li class="share">

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

</li>

</ul>

<tag:if test="${EntryHasTags == 'true'}">

<div class="tags">Stikkord:

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

</tag:if>

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

</div>

</div>

</tag:entry>

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

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

<h3>

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

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

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

</h3>

<div id="comments">

<tag:commentlist>

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

<div class="meta">

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

<a href="${CommentProfileUrl}">

</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>

<h4>${CommentAuthorLinkIf}</h4>

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

</div>

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

</div>

</tag:commentlist>

</div>

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

<h3>Skriv en ny kommentar</h3>

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

<div id="comment_author_wrapper">

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

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

</div>

<div id="comment_authoremail_wrapper">

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

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

</div>

<div id="comment_authorurl_wrapper">

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

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

</div>

<div id="comment_text_wrapper">

<label for="comment_text">

- Jeg besøker alle som kommenterer, så lenge du ikke spør etter det. Hatliste ftw.

</p>Din kommentar:</label>

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

</div>

<div id="comment_submit_wrapper">

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

<input id="comment_submit" class="submit" type="submit" name="submit" value="Send" />

</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>

<a href="${ProfileUrl}" title="${ProfileName}">

</a>

</div>

<h2>Meny<h2>

<p>

<h4><a href="URL" target="_new">Forside</a>,

<a href="URL" target="_new">Om oss</a>,

<a href="URL" target="_new">Navn</a>,

<a href="URL" target="_new">Navn</a><h3><p>

<h2>

<a href="${ProfileUrl}">Emma&Martine</a>

</h2>

<p>${ProfileDescription}</p>

<p>Kontakt: HVORDAN KONTAKTE DEG HER</p>

<br />

<h3>search</h3>

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">

<input type="hidden" name="bl_id" value="${BlogID}" />

<input type="text" name="criteria" value="" size="11" maxlength="1000" id="soek" />

<input type="submit" value="Søk" style="width: 40px;" id="soek" />

</form>

<br />

</tag:if>

<tag:if test="${HasLinks == 'true'}">

<div>

</tag:if>

</tag:profile>

<p>

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

<div>

<h3>Categories</h3>

<tag:categorylist>

<a href="${CategoryLink}">${CategoryName}</a>,

</tag:categorylist>

<div>

</p>

<h3>Archive</h3>

<tag:archivelist>

<a href="${ArchiveLink}">${ArchiveName}</a>,

</tag:archivelist>

</div>

</div>

</div>

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

<div class="yui-u first">

</div>

<div class="yui-u">

<div class="yui-u">

</ul>

</div>

</div>

</div>

</body>

</html>

 


Maler kategori

<!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">

<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">

<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>

<a href="${ProfileUrl}" title="${ProfileName}">

</a>

</div>

<h2>

<a href="${ProfileUrl}" title="${ProfileName}">

</h2>

</a>

</div>

<h2>Meny<h2>

<p>

<h4><a href="URL" target="_new">Forside</a>,

<a href="URL" target="_new">Om oss</a>,

<a href="URL" target="_new">Navn</a>,

<a href="URL" target="_new">Navn</a><h3><p>

<h2>

<a href="${ProfileUrl}">Emma&Martine</a>

</h2>

<p>${ProfileDescription}</p>

<p>Kontakt: HVORDAN KONTAKTE DEG HER</p>

<br />

<h3>search</h3>

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">

<input type="hidden" name="bl_id" value="${BlogID}" />

<input type="text" name="criteria" value="" size="11" maxlength="1000" id="soek" />

<input type="submit" value="Søk" style="width: 40px;" id="soek" />

</form>

</tag:if>

<tag:if test="${HasLinks == 'true'}">

<div>

</tag:if>

</tag:profile>

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

<div>

<h3>Categories</h3>

<ul>

<tag:categorylist>

<li>

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

</li>

</tag:categorylist>

</ul>

<div>

</p>

<h3>Archive</h3>

<ul>

<tag:archivelist>

<li>

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

</li>

</tag:archivelist>

</ul>

</div>

</div>

</div>

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

<div class="yui-u first">

</div>

<div class="yui-u">

<div class="yui-u">

</ul>

</div>

</div>

</div>

</body>

</html>

 


Maler 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">

<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">

<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} 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>

<a href="${ProfileUrl}" title="${ProfileName}">

</a>

</div>

<h2>

<a href="${ProfileUrl}" title="${ProfileName}">

<h2>

</a>

</div>

<h2>Meny<h2>

<p>

<h4><a href="URL" target="_new">Forside</a>,

<a href="URL" target="_new">Om oss</a>,

<a href="URL" target="_new">Navn</a>,

<a href="URL" target="_new">Navn</a><h3><p>

<h2>

<a href="${ProfileUrl}">Emma&Martine</a>

</h2>

<p>${ProfileDescription}</p>

<p>Kontakt: HVORDAN KONTAKTE DEG HER</p>

<br />

<h3>search</h3>

<form action="${AppUrl}index.bd?fa=search.do" name="search" method="post">

<input type="hidden" name="bl_id" value="${BlogID}" />

<input type="text" name="criteria" value="" size="11" maxlength="1000" id="soek" />

<input type="submit" value="Søk" style="width: 40px;" id="soek" />

</form>

</tag:if>

<tag:if test="${HasLinks == 'true'}">

<div>

</tag:if>

</tag:profile>

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

<div>

<h3>Categories</h3>

<tag:categorylist>

<a href="${CategoryLink}">${CategoryName}</a>,

</tag:categorylist>

<div>

</p>

<h3>Archive</h3>

<tag:archivelist>

<a href="${ArchiveLink}">${ArchiveName}</a>.

</tag:archivelist>

</div>

</div>

</div>

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

<div class="yui-u first">

</div>

<div class="yui-u">

<div class="yui-u">

</div>

</div>

</body>

</html>

 

 

 

 

 

Konkurranse; svar og vinn design!

Tro det eller ei, men spørsmålet er faktisk;

Hva er yndlingsfargen din?
Så trekker jeg bare helt random(.org) hvem som får design da. ;)


ph / Martine Gramstad


Stikkord:

menyer

♥ Vanlig meny

♥ Scrolldown meny

Har du noen spørsmål angående menyene,
så kan du stille spørsmål i kommentarfeltet på DETTE innlegget. 
- Takk.

dropdownmeny

 

DROPDOWN MENY OVER ELLER UNDER HEADER

Design - Rediger - Stilsett - Øverst i stilsettet

 

 

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 100px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: SKRIFTTYPE;

font-size: SKRIFTSTØRRELSEpx;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #fff;

}

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

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

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

float: none;

}

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

border-bottom: 1px dotted (ELLER EN ANNEN BORDER DU VIL HA) #FARGE;

color: #727272;

}

#navbar li li a:hover {

background-color: #FARGE;

}

#meny {

width: 610px;

margin-left: auto;

margin-right: auto;

}

 

 


 

Legg inn denne koden;

 

 

<div id="meny">

<ul id="navbar">

<li><a href="#">Siste innlegg</a>

<ul>

<tag:recentlist limit="10">

<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

</tag:recentlist>

</ul>

</li>

<li><a href="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href="#">Arkiv</a>

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

<li><a href="#">navn på knapp</a>

<ul>

<li><a href="link" class="nav">navn</a></li>

<li><a href="link" class="nav">navn</a></li>

<li><a href="link" class="nav">navn</a></li>

</ul>

</li>

<li><a href="#">navn på knapp</a>

<ul>

<li><a href="link" class="nav">navn</a></li>

<li><a href="Link" class="nav">Navn</a></li>

</ul>

</li>

</ul>

</div>

 

enten over eller under headeren. For å gjøre det i maler, så kan du enten velge å ha den under headeren, altså under koden "div";
<p>${BlogDescription}</p>
</div>

eller over headeren under koden "doc2";
<div id="doc2">

- Husk forresten å lagre/gjøre dette under alle malene, og at stilsettkoden skal ØVERST i stilsettet.

 

vanlig meny

Design - Rediger - Maler - Forside, innlegg, kategori, arkiv

**pilene og stjernene har en sammenheng, der har jeg forklart hva dere kan gjøre med kodene**

finn "blogdescription" og under "</div>"

<div id="menyboks" class="meny">
<ul>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
</ul>
</div>

Deretter går du inn på stilsettet og limer inn dette ØVERST i stilsettet.

#menyboks{
height="40px";
background:#FARGE;
}
.meny ul{
list-style-type:none;
}
.meny li{
display:inline;
}
.meny a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
font-size=14px; ←

padding:5px;
border-right:1px solid #FFFFFF;
font-family:"Verdana;
}
.meny a:hover{
background:#transp;
}

* her kan dere bestemme om dere vil ha ramme på siden av knappene, her kan dere endre "solid" til andre rammetyper, 1px til tykkere ramme (jo høyere nummer, jo tykkere ramme) og #FFFFFF til den fargen dere vil ha. Hvis dere ikke vil ha rammen der, kan dere gjøre 1px til 0px.
* her kan dere bestemme om dere vil ha ramme på siden av knappene, her kan dere endre "solid" til andre rammetyper, 1px til tykkere ramme (jo høyere nummer, jo tykkere ramme) og #FFFFFF til den fargen dere vil ha. Hvis dere ikke vil ha rammen der, kan dere gjøre 1px til 0px.
* her kan dere endre skriftypen


til misstyle.blogg.no // animert gif // bilde som "rører" på seg

 

Det finnes ingen side om det som jeg vet om, men det du trenger, er et bilderedigeringsprogram!

Linken er: http://www.photoscape.org/ps/main/download.php

Der laster du ned photoscape og når du har det så kommer det opp en meny der du trykker "animert gif" så gjør du bare det "den" sier. Finner mappene med bildene du vil bruke og sette dem sammen. 

Deretter kan du stille tiden. 100 betyr ett sekund, mens 50 betyr et halvt sekund og 25 betyr 1/4 osv. 
Du kan også stille overgangen. Om du vil ha den fadet ut eller ikke osv. 

Eks

Og dette blir resultatet

Image and video hosting by TinyPic

Noe mer?

stenger bloggen

- for en stund.

Siden jul er nettopp ferdig, og det snart er nyttårsaften, og jeg jobber og omtrent hele familien min har bursdag i Januar, (Jeg, søsken, fettere, onkler, mamma, venner osv) så har jeg ikke tid til å lage design. Det går bare ikke opp i opp, jeg kommer nok tilbake rundt februar, men ville bare si ifra, kanskje jeg kan komme med noen designtips eller noe i mellomtiden?

Takk til alle imens! God jul, og godt nytt år!

Til de som vil ha gratis design;

Hei! Siden jeg lager gratis design, så vil jeg gjerne at dere forklarer hva slags design dere vil ha.

For eksempel;

Duse, grønne og gyldne farger, enkel meny over header, profil og kategorier i sidemenyen, men ikke arkiv og siste kommentar og siste innlegg osv. Stort profilbilde, georgia tekst, farge bak overskriften, runde hjørner

osv.

Takk på forhånd!

Nytt design!

I "slekt" med det forrige, men dette er blått, og istedet for en rosa blomst og et rosa bilde til (JEG tar det ene bildet av alle headerbilder. Som regel blomstene/blomster.), så er designet nå blått og vinteraktig, og det er en blå blomst og snøfnugg. :) Gleder meg til jeg drukner i en meter snø hjemme. Faen. Men likevel, Norge er Norge og Drammen er Norge-nordmenn. Haha, vi har så sykt mange tyrkere i byen, at dere skjønner det ikke! Men det er kult da. :)

Vad tycks?

Smalere blogg







Her er en forklaring på smalere blogg. Under Header, Wrapper, Footer (som er det blå feltet), så er det et oransje felt. Der står det width: 700px;
Der hvor tallet 700 står kan dere gjerne endre. 700 er det jeg har nå på denne bloggen. For å få den smalere, må du gå nedover (altså 600, 593, 123... Dere skjønner). For å få den bredere må dere altså gå oppover. Og det gidder jeg ikke å vise, fordi det sier seg selv. Hehe, håper det hjalp!

Noe mer jeg burde vise? Var dette en grei måte å vise på? :)

Til Hannah (http://hannahhl.blogg.no/)

DROPDOWN MENY OVER ELLER UNDER HEADER

Design - Rediger - Stilsett - Øverst i stilsettet

 

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 100px;

background-color: #fff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #F7D7EE;

color: #000000;

text-decoration: none;

font-family: SKRIFTTYPE;

font-size: SKRIFTSTØRRELSEpx;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #fff;

}

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

display: block;

position: absolute;

margin: 0;

padding: 0;

z-index: 1;

text-align: left;

}

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

float: none;

}

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

border-bottom: 1px dotted (ELLER EN ANNEN BORDER DU VIL HA) #FARGE;

color: #727272;

}

#navbar li li a:hover {

background-color: #FARGE;

}

#meny {

width: 610px;

margin-left: auto;

margin-right: auto;

}


Legg inn denne koden;

 

<div id="meny">

<ul id="navbar">

<li><a href="#">Siste innlegg</a>

<ul>

<tag:recentlist limit="10">

<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>

</tag:recentlist>

</ul>

</li>

<li><a href="#">Kategorier</a>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}" class="nav">&raquo; ${CategoryName}</a></li>

</tag:categorylist>

</ul>

</li>

<li><a href="#">Arkiv</a>

<ul>

<tag:archivelist>

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

</tag:archivelist>

</ul>

</li>

<li><a href="#">navn på knapp</a>

<ul>

<li><a href="link" class="nav">navn</a></li>

<li><a href="link" class="nav">navn</a></li>

<li><a href="link" class="nav">navn</a></li>

</ul>

</li>

<li><a href="#">navn på knapp</a>

<ul>

<li><a href="link" class="nav">navn</a></li>

<li><a href="Link" class="nav">Navn</a></li>

</ul>

</li>

</ul>

</div>

 

enten over eller under headeren. For å gjøre det i maler, så kan du enten velge å ha den under headeren, altså under denne koden, under "div".
<p>${BlogDescription}</p>
</div>

eller over headeren, som min, under;
<div id="doc2">

Hjalp det?



for å fjerne profilen, må du kopiere denne koden under wrapper (helt nederst under wrapper om du har noe der fra før av) i stilsettet.

}

#side {

display: none;

}

#main {

width: 100%

}

Forstått?

CSS & HTML

GRUNNLEGGENDE

INNLEGG (kommer)

ARKIV OG KATEGORIER OSV (kommer)

MENYER

SIDEMENY (kommer)

KOMMENTARER (kommer)

GRUNNLEGGENDE / VANLIGSTE KODER

 

GRUNNLEGGENDE:
CTRL + A = Merk alt
CTRL + C = Kopier 
CTRL + V = Lim inn
CTRL + F = Søk

Fet tekst - <b> TEKST </b>
Kursiv - <i> TEKST </i>
Legg til bilde - <img src="BILDE-URL">
Link - <a href="LINK-URL">LINK TEKST</a>
Midtstill - <center> TEKST ELLER BILDE</center>
Understreket tekst - <u> TEKST </u>
Strek over tekst - <s>TEKST</s>
Større tekst - <font size="SKRIFTSTØRRELSE">
Farge på tekst - <font color="#FARGE">TEKST</font>
Avsnitt/opphold nedover eller oppover - <br>


FORSKJELLIGE RAMMER:
solid
dashed
dotted
double
groove
ridge
inset
outset


HVORDAN FINNE BILDEURL:
Lag et nytt innlegg, legg til et bilde (ikke skriv overskrift eller noe i selve innlegget) og lagre som utkast. Gå til oversikten og så trykker du på knappen "bilder" som står vannrett over alle de siste oppdateringene. Deretter trykker du på hvilket valg som helst på lista, eller bare på det bildet du vil bruke. Også det samme igjen, men trykk på selve bildet. Høyreklikk, finn "inspiser element" eller noe lignende og kopier "http://"koden som da kommer opp.


FJERNE "BLOGG.NO" UNDER HEADER:
Design - Rediger - Maler
Trykk Ctrl F og i søkefeltet som kommer opp skriver du inn breadcrumbs. Slett den linja, og gjør det samme i innlegg, kategori og innlegg i malene. 

SIDEMENY TIL HØYRE SIDE:
Design - Rediger - Stilsett - Wrapper

}
#main {
float: right;
}
#side {
float: left;


MIDTSTILLE BLOGGEN:
Design - Rediger - Stilsett
Finn frem header, footer og wrapper og kopier inn denne koden under dem;

margin-left: auto;
margin-right: auto;


Gratis Design

Etterhvert kommer det til å komme noen gratisdesign ut på bloggen her, men nå orker jeg ikke mer. Har ordnet med denne bloggen i snart to timer. ORK! Hehe, men snakkes! Noe du lurer på? Sjekk ut innlegget spørsmål & svar litt lenger ned i såfall!

Tips & Triks

Etter hvert kommer det til å komme tips og triks innlegg hvor jeg legger ut ting, trinn for trinn. Noe dere vil jeg skal vise? Altså bare hvordan endre på selve kodene, ikke selve koder osv, men kanskje også hva som er et bra design og hvordan forstå seg på koder osv? 

Dere bestemmer!

Spørsmål & Svar

Har du noen spørsmål ang. bloggdesign, header, koder eller noe lignende? Da er det bare å spamme ned kommentarfeltet mitt om alt mulig, kanskje jeg viser det under tips&triks siden? ;-) 

Uansett, hvis dere vil ha nytt design eller ny header eller lignende, så kan dere kontakte meg på e-posten jeg har skrevet opp på siden her. 

div koder

 

GENERELT 

CTRL + A = Merk alt
CTRL + C = Kopier
CTRL + V = Lim inn
CTRL + F = Søk - da skriver du det du skal søke opp i den boksen eller stripa som dukker opp. 

For å finne farger kan du enten bruke programmer som Photofiltre, Photoshop, Photoscape, eller på design og den første siden som kommer opp her og trykke på en av boksene og finne en farge du liker, men ikke lagre den fargen om du vil/skal/har brukt koder!


MENY FRA HØYRE TIL VENSTRE SIDE AV BLOGGEN:

Du limer inn koden i Stilsettet. 
Koden du skal legge inn er:

}
#main {
float: right;
}
#side {
float: left;

hvor
Du legger den inn under #wrapper. 
Da blir det slik:

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
}
#footer {
background-color: #FFFFFF;
border: 2px dotted #000000;

Du kan også få menyen i en slags "boks" eller innrammet med farge inni da.
(PS: Kan ikke ta større ramme rundt! Da havner infoen og det nederst på bloggen! Har lært av mine feil!)

border: 1px solid #000000;
background-color: #4D4D4D;

hvor
under alt det andre du har limt inn, rett før #footer {  kommer opp...

#wrapper {
background-color: #FFFFFF;
border: 2px dotted #000000;
}
#main {
float: right;
}
#side {
float: left;
border: 1px solid #000000;
background-color: #4D4D4D;



PS: Du kan jo så klart skifte farger da! Hvis du trenger fargekart men ikke vet hvor du finner det, kan du gå inn på design, og på ramme eller skriftfarge og prøve ut, deretter kopiere den "koden" du får opp og limer inn der du trenger den



ENDRE BAKGRUNNSFARGE FOR OVERSKRIFTER

h2 {
cursor:default;
background-color: #000000;  ---> her kan du endre farge
color: #16CC16;
font-size:9pt;  ---> her kan du endre skriftstørrelse
font-family:tahoma;  ---> her kan du endre skrifttype
letter-spacing:1px;
line-height:13pt;
text-align: center;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #16CC16; 
margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

PS: Husk å slette "her kan du" greien før du lagrer nederst i stilsettet ditt!

 


 


MENY UNDER HEADER

Gå inn på Design - Rediger - Maler - Forside. trykk på Ctrl+f (søkegreia) og søk etter blogdescription så ser du under der og der vil det ligge en kode som er lik denne: </div> og lim inn denne koden under </div>:

<div id="menyboks" class="meny">
<ul>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
<li><a href="LINK HER">&nbsp;NAVN HER</a></li>
</ul>
</div>


(Bytt ut "LINK HER" med linkene til dine sider)

hvis du skal ha flere linker på menyen legger du til : <li><a href="din bloggadresse">navn på knappen</a></li>

Nå har vi en punktliste og skal style den opp med CSS. 
Gå til stilsettet ditt og lim inn følgende kode øverst i stilsettet.

#menyboks{
height="40px";
background:#ffe3e9;
}
.meny ul{
list-style-type:none;
}
.meny li{
display:inline;
}
.meny a{
float:left;
width:100px;
text-decoration:none;
color:white;
font-weight:bold;
font-size=14px;
padding:5px;
border-right:1px solid #FFFFFF;
font-family:"Verdana";
}
.meny a:hover{
background:#465769;
}

Nå trykker du på Lagre Malen og da skal det være en meny under headeren din. 

PS: Håper du huske DIN bloggadresse og navn på knappene! 
Du kan også endre størrelse, farger og tekst og sånt på CSSgreia. Om dere ikke vet hvordan, så kan dere spørre så skal jeg forklare det nærmere.



ENDRE X-ANTALL KOMMENTARER

Vil du at for eksempel at det skal stå "x sjokolader" istedenfor "x kommentarer", så gjør du dette:
Design -> Rediger -> Maler 

Trykk på CTRL + F tasten på tastaturet og søk på "comment".

Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> " 

Det eneste du skal gjøre er å endre litt på koden sånn som her:

<a href="${EntryPermaLink}#comment">${EntryCommentCount} sjokolader</a> 

PS: Husk å skrive noe annet enn sjokolader med mindre det er det du vil ha da så klart!)



RAMME RUNDT INNLEGG

}

border-bottom: 2px solid black;

border-left: 2px solid black;
border-right: 2px solid black;

Denne koden legger du inn i stilsettet ditt under:

/** Post's body text **/
.entrybody {

(Trykk Ctrl+F og kopier og lim og så søk på dette, det går raskere enn å lete seg nedover.)

 

Solid kan du forandre til andre type rammer som for eksempel vist under her:

solid
dashed
dotted
double
groove
ridge
inset
outset

PS: Størrelsen og fargen kan også forandres om du vil!


AT BAKGRUNNSBILDET STÅR FAST (Fra fixmeta's blogg!)

background-attachment:fixed;

legges under den samme delen som du har lagt inn bilde adressen i stilsettet

body {
background-image: url('http://fixmeta.blogg.no/images/241729-2-1235414178356.jpg'); //bilde adressen//
background-attachment:fixed;
}


HVORDAN FÅ BILDER I SIDEBAREN:

Denne tingen er faktisk ikke så vanskelig som man skulle tro, faktisk så syns jeg det er den letteste koden å huske også! Men sånn går den.
1. Lag et nytt innlegg og legg bare til bilder. Ikke noe tekst. 
2. Så trykker du på den knappen det står HTML på og kopierer den. 
3. Så går du på Design - Rediger - Maler - Forside og finner frem "kategorier". Over den står det antakeligvis;
<tag:include module="sidebar"></tag:include> 
<div> 4.  Nå skal du lime inn koden til bildene dine i mellom disse to linjene.
5. Går ikke det, så må dere bare si ifra i kommentarfeltet så skal jeg finne en annen metode. ;)


 

Designblogg

Dette er min nye designblogg etter mange henvendeleser på min hverdagsblogg "pantra.blogg.no".


Mer kommer snart!

Les mer i arkivet » Mai 2011 » April 2011 » Februar 2011

pantradesign

15, Drammen

Her lager jeg design til de som spør pent :-)

Designet er laget av Pantra.blogg.no.

Meny

Tips&Triks
Q&A's
Koder
Gratisdesign
Lage design?
hits