Lorem Ipsum







Info om gratisdesign

Hei dere! Jeg har da altså laget mitt aller første gratisdesign til dere. Dere får lov til å endre litt på det men ikke ta vekk hvem som har laget designet. Er det noe dere vil endre eller lurer på noe angående designet så er det bare å ta kontakt, for jeg liker å hjelpe :-)

Så jeg håper dere liker designet og vil bruke det, og om dere eventuelt vil ha flere design? Tell me!



Blir også glad om du kommenterer at du bruker det ♥

 

Hvordan endre beskrivelse og kontakt (e-mail)? 

Design - Maler - Ctrl + f - Søk: (e-mail adresse) og endre den. 
 

Hva pixel skal jeg laste opp bildene i?

Designet er beregnet for å laste opp bildene i 800 px.
 

Hvordan endre headeren?

Headeren endres i stilsettet, det du gjør er å søke (ctrl + f) #header


Så skal du finne denne markerte linjen. Den skal du bytte ut med din sin URL som du får etter du har lastet opp din header på Tinypic.com. Det er den nederste koden du skal kopiere som URL.

 





Gratisdesign #1

STILSETT:
 

/*

HTTP:///ADRIENNEE.BLOGG.NO/ © COPYRIGHTED.

*/

body {

background-color: #f8f3f5;

background-attachment: fixed;

}

a { color: #999999; text-decoration: none;}

a:link { color: #999999; text-decoration: none;}

a:visited { color: #999999; text-decoration: none;}

a:active { color: #999999; text-decoration: none;}

#wrapper {

clear:none;

padding: 0px;

width: 1149px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background-image: url(http://i42.tinypic.com/im7ymv.jpg);

height: 390px;

width: 1139px;

float: right;

}

#content {

margin: 0px 0px 0px 0px;

overflow: hidden;

float: right;

width: 800px;

padding: 0px 12px 18px 15px;

line-height: 150%;

background-color: #ffffff;

border-left: 0px solid #ffffff;

border-right: 12px solid #ffffff;

}

#side {

float: left;

width: 290px;

background-color: #ffffff;

font-family: tahoma;

font-size: 12px;

color: #666666;

padding: 5px;

line-height: 190%;

text-align: left;

margin: 0px 0px 0px 0px;

border-left: 3px solid #ffffff;

border-right: 3px solid #ffffff;

border-top: 3px solid #ffffff;

border-bottom: 3px solid #ffffff;

}

h1 {

color: #000000;

font-family: arial;

font-size: 11px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

color: #000000;

font-family: times new roman;

font-size: 20px;

font-weight: normal;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

font-style:;

}

h9 {

color: #964E53;

font-family: times;

font-size: 15px;

font-weight: center;

margin-bottom: -7px;

margin-top: 3px;

padding-bottom: 2px;

text-transform: uppercase;

}

/** Entry headers **/

h3 {

font-family: Georgia;

font-size: 35px;

color: #454140;

text-transform: normal;

font-weight: normal;

text-transform: normal;

padding: 5px 5px 0px;

margin-bottom: 0px;

margin-top: 12px;

text-align: center;

font-style:;

letter-spacing:0px;

}

h6 {

font-family: times;

font-size: 10px;

color: #999999;

text-transform: uppercase;

padding: 0px 0px 0px;margin-bottom: 0px;margin-top: 2px;text-align: left;font-weight: 400;

}

h8 {

font-family: times;

border-bottom: #000000 solid 1px;

font-size: 13px;

color: #000000;

padding: 0px 0px 0px;

margin-bottom: 0px;margin-top: 2px;text-align: left;font-weight: 600;a:link { color: #000000; text-decoration: none;}.nav a { color: #000000 border-bottom: 1px solid #ECE1DF;}

}

h11 {

color: #6C7EA6;

font-family: times;

font-size: 15px;

font-weight: normal;

margin-bottom: 0px;

margin-top: 0px;

padding-bottom: 0px;

text-transform: uppercase;

}

.navheader {

font-family: times;

font-size: 11px;

font-weight: normal;

color: #666666;

padding:5px 5px 0px;

margin-bottom:0px;

background-color:#FFFFFF;

text-transform: uppercase;

}

.nav {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #000000;

margin: 0px;

}

.nav ul {

margin: 0px 0px 12px;

padding: 5px 10px 10px;

font-weight: normal;

background-color: #FFFFFF;

}

.nav li {

list-style: none;

padding: 0px 0px 6px 0px;

font-weight: normal;

}

.nav a { color: #000000; }

.nav a:hover { color: #000000; }

/** Post's body text **/

.entrybody {

font-family: tahoma;

font-size: 12px;

font-weight: normal;

color: #404040;

line-height: 150%;

margin: 0px 0px 5px 0px;

background-color: #FFFFFF;

padding: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: tahoma;

font-size: 13px;

font-weight: normal;

color: #7e7e77;

text-align: left;

line-height: 130%;

margin: 5px 0px 5px 10px;

}

.commentheader {

font-family: tahoma;

font-size: 13px;

color: #7D7D7D;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: tahoma;

font-size: 13px;

font-weight: UPPERCASE;

color: #7e7e77;

line-height: 120%;

margin: 10px 10px 0px 0px;

width: 640px;

}

.commentmeta {

font-family: tahoma;

font-size: 13px;

font-weight: normal;

color: #999999;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

width: 640px;

border-bottom: 1px dotted #999999;

}

.commentmeta a { color: #7e7e77; }

.commentmeta a:hover { backgriound-color: #F1E3E1; text-decoration: none}

.commentform {

font-family: Euphemia;

font-size: 13px;

text-transform: normal;

font-weight: normal;

color: #7e7e77;

margin: 10px 10px 20px 15px;

line-height: 130%;

width: 640px;

}

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

#header { color: #7e7e77; }

}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */

.mattblacktabs{

width: 210px;

overflow: hidden;

border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/

}

.mattblacktabs ul{

margin: 0;

padding: 0;

padding-left: 9px; /*offset of tabs relative to browser left edge*/

font: normal 9px Verdana;

list-style-type: none;

}

.mattblacktabs li{

display: inline;

margin: 0;

}

.mattblacktabs li a{

float: left;

display: block;

text-decoration: none;

margin: 0;

padding: 7px 8px; /*padding inside each tab*/

border-right: 2px solid white; /*right divider between tabs*/

color: white;

background: #414141; /*background of tabs (default state)*/

}

.mattblacktabs li a:visited{

color: white;

}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{

background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}

</style>


Maler (Forsiden, Kategorier, Arkiv):
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<br><br>
<head>
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="application/rss+xml" title="RSS" />
<link rel="shortcut icon" href="" type="image/gif"/><script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entrylist limit="27">
<a name="a${EntryNum}"></a>
<center><h3>${EntryTitle}</h3></center>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<a href="http://tinypic.com?ref=350tfls" target="_blank"><img src="http://i51.tinypic.com/350tfls.png" border="0" alt="Image and video hosting by TinyPic"></a>
<h11>
<ul><b>Dato: </b>${EntryDate} | <b>Tid: </b>${EntryTime}
<p style="border-bottom:#ffffff 0px solid; FONT-FAMILY: tahoma; FONT-SIZE: 9pt; color: #000000; LETTER-SPACING: 1px; #000000; ;TEXT-TRANSFORM: uppercase;text-align: right;margin-top: -20px">
<tag:if test="${EntryCommentCount == 0}">
<p>
<a href="${EntryPermaLink}#comment">0 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>
</ul>
</h11>
<a href="http://tinypic.com?ref=350tfls" target="_blank"><img src="http://i51.tinypic.com/350tfls.png" border="0" alt="Image and video hosting by TinyPic"></a>
<br/><br/>
</div>
</tag:entrylist>
</div>
<div id="side">
<a href="http://blogsoft.no/profile/328894" target="_blank">
<img src="http://i41.tinypic.com/23r8ilt.png" border="0" width="289px" alt="Profilbilde"></a>
<br>
<font face="Georgia"size="2"><li>FOR KONTAKT:</li></font>
(e-mail adresse)
<br><br>
<!--Skriv hva bloggen din handler om her--!>
Her kan du skrive litt om deg selv, hvor gammel du er, hvor du kommer fra, hva interesser du har og hva bloggen din handler om. Skriv hva du vil :-)
<br><br>
<h2>Kategorier</h2>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<h2>Arkiv</h2>
<br>
<form name="jump3">
<select style="background-color: #efefef; font-size: 9pt; color: #616161; width: 120px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>
<option>-------------------</option>
<tag:archivelist>
<option value="${ArchiveLink}">${ArchiveName}</option>
</tag:archivelist>
</select>
</form>
<br>
<center><i>@ design laget av adriennee</i></center>
</div>
</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">
<br><br>
<head>
<title>${BlogTitle} - ${PageTitle}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<script type="text/javascript" src="http://static.blogg.se/public/js/script_blogg.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/script.js"></script>
<script type="text/javascript" src="http://static.blogg.se/shared/js/comments.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<center><h3>${EntryTitle}</h3></center>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<h11>
<ul><b>Dato: </b>${EntryDate} | <b>Tid: </b>${EntryTime}
<p style="border-bottom:#ffffff 0px solid; FONT-FAMILY: tahoma; FONT-SIZE: 9pt; color: #000000; LETTER-SPACING: 1px; #000000; ;TEXT-TRANSFORM: uppercase;text-align: right;margin-top: -20px">
<tag:if test="${EntryCommentCount == 0}">
<p>
<a href="${EntryPermaLink}#comment">0 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>
</ul>
</h11>
<a href="http://tinypic.com?ref=350tfls" target="_blank"><img src="http://i51.tinypic.com/350tfls.png" border="0" alt="Image and video hosting by TinyPic"></a>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment" /><br>
&nbsp&nbsp<font face="times new roman"><font size="3"><font color="#7e7e77">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>
<tag:commentlist>
<div class="commentheader">
<b>${CommentAuthor}</b>
<div class="commenttext">${CommentText}</div>
<div class="commentmeta">
${CommentDate} @ ${CommentTime} //
<tag:if test="${CommentAuthorURL != ''}">
<em>URL: <a href="${CommentAuthorURL}">${CommentAuthorURL}</a></font></font></font></em>
<tag:if test="${CommentAuthorEmail != ''}">
<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a><br/><br/>
</tag:if>
</tag:if>
</div>
</div>
</tag:commentlist>
<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<font color="#C0AAA7"><font face="times new roman"><font size="4">Skriv en kommentar:</font><br/>
<br>
<br>
</font></font>
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
&#9829;Navn <br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
&#9829;E-post <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
&#9829;URL <br />
Din kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="90" rows="7"></textarea>
<br />
<br/>
<input class="formbutton" type="submit" name="submit" value="Send kommentar" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk?<br />
<center><i>@ design laget av adriennee</i></center>
<br>
</form>
</tag:if>
</div>
<div id="side">
<a href="http://blogsoft.no/profile/328894" target="_blank">
<img src="http://i41.tinypic.com/23r8ilt.png" border="0" width="280px" alt="Profilbilde"></a>
<br>
<!--Skriv hva bloggen din handler om her--!>
<font face="Georgia"size="2"><li>FOR KONTAKT:</li></font>
(e-mail adresse)
<br><br>
<!--Skriv hva bloggen din handler om her--!>
Her kan du skrive litt om deg selv, hvor gammel du er, hvor du kommer fra, hva interesser du har og hva bloggen din handler om. Skriv hva du vil :-)
<br><br>
<h2>Kategorier</h2>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<h2>Arkiv</h2>
<br>
<form name="jump3">
<select style="background-color: #efefef; font-size: 9pt; color: #616161; width: 120px;" name="menu3" onChange="location=document.jump3.menu3.options[document.jump3.menu3.selectedIndex].value;" value="GO"> <option selected>Arkiv</option>
<option>-------------------</option>
<tag:archivelist>
<option value="${ArchiveLink}">${ArchiveName}</option>
</tag:archivelist>
</select>
</form>
<br>
<center><i>@ design laget av adriennee</i></center>
</div>
</div>
</div>
</body>
</html>




Test






Dette er en test

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.





Les mer i arkivet » November 2013 » Oktober 2011 » April 2011

Follow




bloglovin


Norske blogger

Categories


Archive









hits