Dette designet er laget av solveigkristinee.blogg.no du kan endre så mye du vil på det, men linken som sier at jeg har laget designet kan du ikke fjerne. Du kan betale 20 kroner hvis du ønsker å fjerne linken, men den står da ikke i veien uansett.
Bildene lastes opp i 800px.
Fjerning av link til min blogg vil bli politiannmeldt.
VED Å BRUKE DETTE DESIGNET GODTAR DU AVTALEN OVENFOR!
Stilsett
BODY {
background-image: url(http://www.cute-wallpaper.com/backgrounds/pink/pink-floral-background.jpg);
background-attachment: fixed;
background-position: right bottom;
background-repeat: no repeat;
cursor:url(http://home.no/bloggdesignet/nerdie/cursors/cursor3_pink.cur), pointer;
}
.entry {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
border: 7px solid #ffffff;
}
body {
background-color: #ffffff;
font-family: century gothic;
color: #000000;
font-size:10pt;
}
#header {
border: 7px solid #ffffff;
margin: 0px 0px 10px 20px;
background-color: #ffffff;
background-image: url('DIN HEADER HER');
height: 390px;
width: 760px;
background-repeat: repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#wrapper {
background-color: #transparent;
width: 900px;
}
#newcomment #comment_text_wrapper {
width: 800px;
}
#main {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color; #transparent;
float: left;
width: 814px;
border: 0px solid #ffffff;
}
#side {
position: fixed;
top: 30px;
right: 100px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
margin: 0px 0px 0px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
float: right;
width: 150px;
border: 7px solid #ffffff;
}
#footer {
background-color: #transparent;
width: 790px;
}
a { color: #ff99cc; }
a:link { color: #000000;}
a:visited { color: #cccccc}
a:active { color: #cccccc}
h1, h2, h3, h4, h5 { font-family: century gothic, times; font-style: none; }
#header h1, #header p { display:none }
#header { color: #F8EEEE; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #555555; }
}
a { color: #ff99cc;}
a:link { color: #000000;}
a:visited { color: #000000}
a:hover { color: #000000; background-color: #F1E3E1; }
;}
a:active { color: #0A0A0A}
a:link { color: #000000;}
h1, h2, h3, h4, h5 { font-family: century gothic, times; ;}
h2, h3 {}
#header h1, #header p { display:none }
#header { color: #F8EEEE; }
h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #000000; }
}
.entry {
border: 1px solid #000000;
background: #FFFFFF;
}
h2 {
font-family: century gothic, times;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: black;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
border-bottom: 0px dotted #F1E3E1;
background-color: #fc628e;
background-attachment: fixed;
background-position: right bottom;
background-repeat: repeat;
text-align: left;
}
#comments .owner, #comments .other, #comments .user{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
border: 1px solid #000000;
font-family: century gothic;
}
width: 700px;
.entrymeta a { color: #7e7e77; }
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
.entrymeta a:hover { background-color: #ffffff; text-decoration: none;}
.commentheader {
font-family: tahoma;
font-size: 14px;
font-style: italic;
color: #DBD4D3;
line-height: 130%;
margin: 10px 10px 0px 15px;
}
.commenttext {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #7e7e77;
line-height: 120%;
margin: 10px 10px 0px 0px;
width: 640px;
}
.commentmeta {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #999999;
margin: 10px 10px 10px 0px;
padding-bottom: 10px;
line-height: 130%;
width: 640px;
border-bottom: 1px dashed #eeeeee;
}
.commentmeta a { color: #7e7e77; }
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
.commentmeta a:hover { backgriound-color: #F1E3E1; text-decoration: none}
.commentform {
font-family: tahoma;
font-size: 11px;
text-transform: normal;
}
}
#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: century gothic;
font-size: 12px;
line-height: 12px;
}
#navbar li ul {
padding: 5px;
display: none;
width: em;
background-color: #fff;
}
#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0;
z-index: 1;
text-align: left;
}
#navbar li:hover li, #navbar li.hover li {
float: none;
}
#navbar li:hover li a, #navbar li.hover li a {
border-bottom: 1px dotted #ffc0c0;
color: #727272;
}
#navbar li li a:hover {
background-color: #ffc0c0;
}
#meny {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
width: 810px;
margin-left: auto;
margin-right: auto;
}
.entry .meta {
font-family: century gothic, times;
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #fc628e;
color: #ffffff;
text-transform: normal;
font-weight: normal;
text-transform: normal;
padding: 5px 5px 0px;
margin-bottom: 0px;
margin-top: 12px;
text-align: center;
}
.commentmeta a { color: #7e7e77; }
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
.commentmeta a:hover { background-color: #F1E3E1; text-decoration: none}
.commentform {
font-family: tahoma;
font-size: 11px;
text-transform: normal;
font-weight: normal;
color: #7e7e77;
margin: 10px 10px 20px 15px;
line-height: 130%;
width: 800px;
}
}
h1 {
font-family: tahoma;
font-size: 13px;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}
h3 {
font-family: century gothic, times;
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
color: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #fc628e;
font-size: 18px;
color: #ffffff;
text-transform: normal;
font-weight: normal;
text-transform: normal;
padding: 5px 5px 0px;
margin-bottom: 0px;
margin-top: 12px;
text-align: center;
}
textarea{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #fc628e;
border: 1px solid #cccccc;
font-family: century gothic;
color: white;
}
input{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #fc628e;
border: 1px solid #cccccc;
font-family: century gothic;
color: white;
font-weight: ;
}
h2 a {
font-family: century gothic, times;
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
color: white;
}
h1 {
border: 1px solid #000000;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
background-color: #ffffff;
font-family: century gothic, times;
font-size: 12px;
color: black;
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>
}
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.cssform textarea{
width: 250px;
height: 150px;
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}
#idReklame1, #idReklame2, #idReklame3, #idReklame4, #idReklame5, #idReklame6, { display: none; }
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">
<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><br><br>
<body class="front">
<div id="doc2">
<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">» ${CategoryName}</a></li>
</tag:categorylist>
</ul>
</li>
<li><a href="#">Arkiv</a>
<ul>
<tag:archivelist limit="10">
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>
<li><a href="#">info</a>
<ul>
<li><a href="#" class="nav">Kamera og utstyr</a></li>
<li><a href="http://solveigkristinee.blogg.no/1301665587_kontakt_meg.html" class="nav">Kontakt meg</a></li>
<li><a href="http://solveigkristinee.blogg.no/1256230755_om_meg.html" class="nav">Om meg</a></li>
</ul>
</li>
<li><a href="#">følg meg</a>
<ul>
<li><a href="http://blogsoft.no/profile/423108" class="nav">Bli venn</a></li>
<li><a href="http://www.facebook.com/pages/wwwsolveigkristineebloggno/332023872180"><a>facebook</a></li>
<li><a href="#" class="nav">Link</a></li>
</ul>
</li>
<li><a href="#">Gratisdesign</a>
<ul>
<li><a href="http://solveigkristinee.blogg.no/1308432041_porteflje__headere.html" class="nav">Header portefølje</a></li>
<li><a href="http://skdesign1.blogg.no" class="nav">Gratisdesign 1</a></li>
<li><a href="http://skdesign2.blogg.no" class="nav">Gratisdesign 2</a></li>
</ul>
</li>
</ul>
</div>
<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">
<tag:entrylist limit="50">
<div class="entry">
<h2>
<a> ${EntryTitle}</a>
</h2>
<div class="content">${EntryBody}</div>
<p><a href="http://solveigkristinee.blogg.no/1308575042_stor_cewe_fotobok_kon.html">Bli med på fotokonkurranse og vinn en CEWE FOTOBOK her!</a></p>
<div class="meta">
<center><b>PUBLISERT</b> ${EntryDate} <B>KLOKKEN</b> ${EntryTime} <b>KATEGORI</b>
<a href="${EntryCategoryLink}">${EntryCategoryName}</a>
<b>KOMMENTARER</b>
<tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">0</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">1</a>
<tag:else />
<a href="${EntryPermaLink}#comment">${EntryCommentCount} </a>
</tag:if><center/>
</div>
<tag:if test="${EntryHasTags == 'true'}">
<div class="tags">Stikkord:
<tag:taglist><a href="${TagURL}">${TagName}</a></tag:taglist></div>
</tag:if>
</div>
</tag:entrylist>
</div>
<div id="side" class="yui-u">
<tag:profile>
<div id="box">
<center>
<tag:if test="${ProfileExists == 'true'}">
<h3>Solveig Kristine</h3>
<div id="sidebox">
<div id="profile">
<a href="${ProfileUrl}" title="${ProfileName}">
<center><img style="float: right; border: 0;" src="http://bloggfiler.no/solveigkristinee.blogg.no/images/441718-8-1308772824321.jpg" height="170" with="140"></center>
</a>
</div>
${ProfileDescription} <br />
<br><br><br>
</table>
</div>
</tag:if>
</form>
</div>
<tag:include module="sidebar"></tag:include>
<br>
<h3>om meg</h3>
<ul>
skriv hva du vil!
<div>
<tag:include module="sidebar"></tag:include>
<br>
<h3>design</h3>
<ul>
Designet er laget av http://solveigkristinee.blogg.no
<div>
<tag:if test="${HasLinks == 'true'}">
</tag:if>
<tag:if test="${HasProducts == 'true'}">
<h3>Jeg anbefaler</h3>
<div id="sidebox">
<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>
<br><br>
</ul>
</center>
</div>
<div id="footer" class="yui-gb">
<div class="yui-u first">
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>. <b>Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse.</b>
</div> Design: Solveig Kristine
<div class="yui-u">
<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>
<br><br>
</html>