skdesign1 - designbloggrn min

Koder - gratisdesign 1

STILSLETT

.entry {

background-color: #ffffff;

border: 10px #fff solid;

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

}

#header {

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

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

margin: 10px 20px 20px 10px;

background-color: #FFFFFF;

background-image: url('http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309900808192.jpg');

height: 200px;

width: 850px;

background-repeat: no-repeat;

}

body {

background-image: url(http://bloggfiler.no/bloggdesignet.blogg.no/images/813172-10-1274463123279.jpg);

background-color: #fdff96;

font-family: Arial, Helvetica, sans-serif;

color: #000000;

}

#wrapper {

width: 900px

}

#footer {

margin: 10px 20px 20px 10px;

background-color: #FFFFFF;

height: 100px;

width: 850px;

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

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

background-color: #ffffff;

}

a { color: #707070}

a:link { color: #000000}

a:visited { color: #707070}

a:active { color: #707070}

}

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

}

#main {

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

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

background-color: #ffffff;

width: 600px;

}

#side {

-webkit-box-shadow: 0px 0px 20px #5c5c5c;

-moz-box-shadow: 0px 0px 20px #5c5c5c;

box-shadow: 0px 0px 20px #5c5c5c;

-moz-border-radius: 15px;

top: 285px;

right: 200px;

position: fixed;

background-color: #ffffff;

width: 200px;

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

border-top: 10px solid #fff;

border-right: 10px solid #fff;

}

}

#side div {

padding: 10px;

background: #D3D3D3; / Her endres farge på bakgrunnen i sidemenyen /

border: 1px solid #4C4C4C; / Her endres farge og bredde på rammen rundt boksene i sidemenyen /

}

#side div a:hover {

color: #ffffff; / Farge på skrift når du holder musepekeren over /

}

#profile div {

border: 0;

}

#main {float: left;}

#side {float: right;

}

h2 {

font-family: Arial Rounded MT;

color: #000000;

font-size: 30px;

text-align: center; text-transform: uppercase;

}

#side h3 { font-family: arial rounded mt; font-size: 20px; text-transform: uppercase; }

h2 a:hover { color: #707070; text-decoration: none; }

a:hover { text-decoration: underline; }

#comments .user{

border: 0px solid #000000;

background-color: #ffffff;

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

}

#comments .owner{

border: 0px solid #000000;

background-color: #eee;

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

}

#comments .other{

background-color: #fff;

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

}

#newcomment {

background-color: #fff;

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

}

MALER - FORSIDE, ARKIV OG 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">

<br>

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

</div>

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

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

<tag:entrylist limit="30">

<div class="entry">

<h2>

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

</h2>

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

<div class="meta">

<ul>

<center><li> <b> DATO </b>${EntryDate}// <b>KLOKKEN</b>.${EntryTime}// <b>KATEGORI</b>

<a href="${EntryCategoryLink}">${EntryCategoryName}</a>//</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>

</center>

</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>Les mer i arkivet

<tag:archivelist limit="3"> »

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

</div>

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

<br>

<h3> om meg </h3>

<li>

Her kan du skrive hva du vil.

<li>

<p><a href="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644.jpg" rel="1211716"><img class="thumbnail" src="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644-t200.jpg" alt="" /></a><br /><br />&#65279;</p>

<tag:profile>

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

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

<div>

</a>

</div>

<h3>

</h3>

</div>

</tag:if>

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

<div>

</ul>

</div>

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

<div>

<h3>Design</h3>

Designet er laget av <p><strong><a href="/solveigkristinee.blogg.no">Solveig Kristine</a></strong></p><li>

<ul>

<li>

</li>

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

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="content">${EntryBody}</div>

<div class="meta">

<ul>

<br>

<center><li> <b> DATO </b>${EntryDate}// <b>KLOKKEN</b>.${EntryTime}// <b>KATEGORI</b>

<a href="${EntryCategoryLink}">${EntryCategoryName}</a>//</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 />

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

</tag:if>

</center>

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

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

<h2>Skriv en koselig kommentar</h2>

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

</div>

<h3>

</h3>

</div>

</tag:if>

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

<div>

<h3> om meg </h3>

<li>

Her kan du skrive hva du vil.

<li>

<p><a href="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644.jpg" rel="1211716"><img class="thumbnail" src="http://bloggfiler.no/skdesign1.blogg.no/images/1211716-12-1309896787644-t200.jpg" alt="" /></a><br /><br />&#65279;</p>

<br>

<h3> design </h3>

<li>

<p>Designet er laget av <a href="/solveigkristinee.blogg.no">Solveig Kristine.</a></p>

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

 

Trenger du hjelp med å sette det inn kan du kontakte med på solveig.kristine@yahoo.no

Ved bruk av dette designet (gratisdesign1)

  • Fjerning av linken til min blogg er forbudt, da vil jeg melde det som stjåling.
  • Du kan gjerne endre det, men linken til min blogg skal fortsatt stå.

Ellers kan du gjøre hva du vil.

 

Bildene må lastes opp i 600px
Header: height: 200px;  width: 850px;
Søk etter om meg i  silslettene og skriv om deg selv.

Kodene kommer snart!




test innlegg

Lorem ipsum (ofte bare kalt lipsum) er opprinnelig et lettere redigert utdrag fra De finibus bonorum et malorum (Om det høyeste mål for godt og ondt) av Cicero. Opprinnelig begynte avsnittet: Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit («Ingen liker smerte for smertens skyld, eller søker den og ønsker den, bare fordi den er smerte?») .

Lorem ipsum brukes som fylltekst i grafisk design og sideombrekking for å demonstrere det grafiske utseende før den endelige teksten er klargjort. Denne bruken betegnes som greeking. Lipsum er også hyppig benyttet for å demonstrere skriftsnitt innen typografien. Siden betydningen av teksten er uforståelig for de fleste, egner den seg godt, fordi man har påvist at man blir påvirket av innholdet i teksten når man skal se på skriftsnitt eller design. Samtidig gir den en mer naturlig fordeling av ordlengder og tegnbruk enn dersom man fyller avsnittene med svada-tekst.

Fra 1500-tallet har den vanlige Lorem ipsum-teksten vært:

Sitat Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sitat
 

Det er laget mange variasjoner av den opprinnelige versjonen for å inkludere tegn som er lite eller ubrukt i latin. Dessuten er det vanlig å utvide teksten, fra originalkilden eller med tilfeldig kvasi-latin, for å få dekket flere avsnitt uten å måtte gjenta den samme teksten.

Velkommen til min blogg!

Dette er den første posten på min nye blogg ;)

Les mer i arkivet » Juli 2011 » Juni 2011

om meg

  • Her kan du skrive hva du vil.



  • 

    Design

    Designet er laget av

    Solveig Kristine

    • hits