Hanne - Gratis design #5 - Flared violet

Gratis design #5 - Flared violet



Det er helt greit hvis du fikser litt på kodene, men det er IKKE lov til å fjerne linken der det står at jeg har laget det!
Størrelse på innlegg: 800px


 

STILSETT = Design ? Stilsett - Ta vekk alt som står der fra før, og lim inn koden:


body {

background-color: #FFF;

}

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

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

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

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

a:hover {color: #6b6582; text-decoration: none;}

#wrapper {

clear: none;

margin-left: auto;

margin-right: auto;

width: 1000px;

background-color: #FFF;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

background-image: url(http://i40.tinypic.com/102lf5y.png);

height: 400px;

width: 950px;

border: 0px solid #fff;

margin-top: 10px;

margin-left: auto;

margin-right: auto;

}

#side {

float: right;

background-color: #ffffff;

color: #000000;

font-family: Times;

font-size: 11px;

padding: 10px;

line-height: 155%;

margin-top: 0px;

width: 175px;

}

#content {

overflow: hidden;

float: left;

width: 704px;

padding: 20px;

line-height: 150%;

background-color: #ffffff;

}

h1 {

font-family: Times;

font-size: 14px;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

color: #000000;

font-size: 15px;

font-family: Didot;

font-style: normal;

font-weight: normal;

text-transform: normal;

margin-bottom: 0px;

margin-top: 0px;

padding-bottom: 0px;

line-height: 140%;

letter-spacing: 1px;

}

/** Entry headers **/

h3 {

color: #000000;

line-height: 150%;

letter-spacing: 1px;

font-style: normal;

font-family: Georgia;

font-size: 15px;

font-style: normal;

font-weight: normal;

margin: 0px;

}

h3 a{

line-height: 150%;

letter-spacing: 1px;

font-style: normal;

font-family: Didot;

font-size: 15px;

font-style: normal;

font-weight: normal;

margin: 0px;

}

.navheader {

font-family: Times;

font-size: 12px;

color: #000000;

padding:0px 0px 0px;

margin-bottom:0px;

text-transform: uppercase;

line-height: 150%;

}

.nav {

font-family: Times;

font-size: 12px;

font-weight: normal;

font-color: #000000;

margin: 0px;

line-height: 150%;

}

.nav ul {

margin: 0px 0px 12px;

padding: 0px 0px 0px;

font-weight: normal;

line-height: 150%;

}

.nav li {

list-style: underline;

padding: 0px 0px 0px 0px;

font-weight: normal;

color: #FFFFFF;

}

.nav a {

color: #000000;

text-decoration:underline;

}

.nav a:hover {

text-decoration: underline;

}

/** Post's body text **/

.entrybody {

color: #242424;

font-family: Helvetica;

font-size: 12px;

font-weight: normal;

text-align: left;

line-height: 150%;

margin: 5px 0px 5px 0px;

padding: 0px 0px 5px 0px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: Helvetica;

font-size: 11px;

font-weight: normal;

text-transform: normal;

color: #141414;

text-align: left;

letter-spacing: 1px;

line-height: 150%;

margin: 0px;

}

.entrymeta a { color: #000000; }

.entrymeta a:hover { color: #5e3a41; text-decoration: none;}

.commentheader {

font-family: Didot;

font-size: 12px;

font-weight: normal;

letter-spacing: 0px;

color: #000000;

line-height: 150%;

margin: 10px 10px 10px 15px;

}

.commenttext {

font-family: Didot;

font-size: 12px;

font-weight: normal;

color: #000000;

line-height: 150%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: Didot;

font-size: 11px;

font-weight: normal;

color: #000000;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 150%;

border-bottom: 1px solid #eeeeee;

}

.commentmeta a { color: #000000; }

.commentmeta a:hover { color: #5e3a41; text-decoration: none}

.commentform {

font-family: Times;

font-size: 12px;

text-transform: normal;

font-weight: normal;

color: #000000;

margin: 10px 10px 20px 15px;

line-height: 150%;

}

#navbar {

padding: 5px;

height: 1em;

width: auto;

margin: 0px;

text-align: center;

}

#navbar li {

float: left;

list-style: none;

width: 150px;

background-color: #ffffff;

}

#navbar li a {

padding: 5px;

display: block;

border-bottom: 0px dashed #000000;

color: #000000;

text-decoration: none;

font-family: Didot;

font-size: 10px;

line-height: 12px;

}

#navbar li ul {

padding: 5px;

display: none;

width: em;

background-color: #ffffff;

}

#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: 0px dotted #ffc0c0;

color: #000000;

}

#navbar li li a:hover {

background-color: #ffffff;

}

.entrymeta post {

font-family: Didot;

font-style: italic;

text-shadow: 0px 0px 0px #FFF;

font-size: 12px;

margin-bottom: 5px;

padding: 5px 10px 5px 2px;

}

#side li:hover {

background-image: url('http://outspoken-kate.com/bullets/sbullet60.gif');

background-repeat: no-repeat;

background-position: right;

}

#side ul {

list-style-type: none;

margin: 0px;

}

#side li {

list-style-type: none;

margin: 0px;

}

FORSIDE, KATEGORI & ARKIV = Design ? Maler ? Arkiv - Ta vekk alt som står der fra før, og lim inn koden:
<!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">
<head>
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<meta name="robots" content="noindex,follow,noarchive" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />
<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif"/>
<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>
<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entrylist limit="40">
<a name="a${EntryNum}" />
<h3><a href="${EntryPermaLink}">${EntryTitle}</a></h3>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<div id="date">
${EntryDate} kl. ${EntryTime}, <tag:if test="${EntryCommentCount == 0}">
<a href="${EntryPermaLink}#comment">0 kommentarer</a>
<tag:elseif test="${EntryCommentCount == 1}" />
<a href="${EntryPermaLink}#comment">1 kommentar</a>
<tag:else />
Kategori: <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
</tag:if>
</div>
<br><br>
</div>
</tag:entrylist>
</div>
<div id="side">
<br><br>
<h2>info</h2>
Her kan du skrive litt om deg selv og hva du blogger om.
Min offisielle blogg kan du finne <a href="http://www.hhvm.blogg.no">Her</a>.
<br><br>
<h2>arkiv</h2>
<tag:archivelist limit="12">
<a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>
<br><br>
<h2>design</h2>
<a href="http://hhvm.blogg.no" target="_blank"><img src="http://i53.tinypic.com/2zj00aq.png" width="170" border="0" alt="Hanne">
</div>
<div id="profile">
<tag:profile>
<br>
<tag:if test="${ProfileExists == 'true'}">
</tag:if></div>
<tag:profile>
<div class="nav">
</ul>
</ul>
</div>
</div>
</div>
</p>
<p>
<br clear="all" /></div>
<img src="${AppUrl}hits/index.bd?id=${BlogID}" border="0" width="0" height="0" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8238172-2");
pageTracker._trackPageview();
} catch(err) {}</script></body>
</html>
INNLEGG = Design ? Stilsett - Ta vekk alt som står der fra før, og lim inn koden:
<!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">
<head>
<title>${BlogTitle} - ${BlogDescription}</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="generator" content="${AppUrl}" />
<meta name="robots" content="noindex,follow,noarchive" />
<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />
<link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif"/>
<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>
<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}" />
<div class="entrymeta"><date>${EntryDate}, ${EntryTime}, <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></post></div>
<h3><a href="${EntryPermaLink}">${EntryTitle}</a></h3>
<div class="entrymeta">
<div class="entrybody">${EntryBody}</div>
<br><br>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment" /><br>
<font face="Didot"><font size="3"><font color="#000000">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>
<tag:commentlist>
<div class="commentheader">
<b>Postat av: ${CommentAuthor}<br></b>
<p class="commenttext">${CommentText}</p>
<div class="commentmeta">
<font color="#000000"><font face="Helvetica"><font size="1">
${CommentDate}, ${CommentTime}<br/>
<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>
</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><br>
<font color="#000000"><font face="Helvetica"><font size="1">Legg igjen en hilsen</font><br><br>
</font></font>
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="280" /> Navn
<br><br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="280" /> E-post
<br><br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="300" /> Website
<br><br />
<textarea name="comment" onchange="doChange(this)" cols="80" rows="9"></textarea>
<br><br />
<input class="formbutton" type="submit" name="submit" style="width: 200px; height: 20px;" value="Submit" />Designet er laget av <a href="http://hhvm.blogg.no" target="_blank">HANNE </a><a title="h h v m on Bloglovin" href="http://www.bloglovin.com/no/blog/2469354/h-h-v-m/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><a title="h h v m on Bloglovin" href="http://www.bloglovin.com/no/blog/2469354/h-h-v-m/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><a title="h h v m on Bloglovin" href="http://www.bloglovin.com/no/blog/2469354/h-h-v-m/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><a title="h h v m on Bloglovin" href="http://www.bloglovin.com/no/blog/2469354/h-h-v-m/follow"><img alt="bloglovin" border="0" src="http://www.bloglovin.com/widget/bilder/widget_plus.gif" /></a><br/>
<br/>
</form>
</tag:if>
<br>
<tag:if test="${Trackbacks == 1}">
<div class="entrybody"></div>
</tag:if>
<tag:trackbacklist>
<div class="commentheader">
${TrackbackTitle}
</div>
<p class="commenttext">${TrackbackExcerpt}...</p>
<div class="commentmeta">
<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>
<br />
${TrackbackDate} @ ${TrackbackTime}
</div>
</tag:trackbacklist>
</div>
<div class="nav">
<tag:if test="${ProfileExists == 'true'}">
</tag:if></div></div>
<div id="side">
<br><br>
<h2>info</h2>
Her kan du skrive litt om deg selv og hva du blogger om.
Min offisielle blogg kan du finne <a href="http://www.hhvm.blogg.no">Her</a>.
<br><br>
<h2>arkiv</h2>
<tag:archivelist limit="12">
<a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist></ul><br><br>
<br><br>
<h2>design</h2>
<a href="http://hhvm.blogg.no" target="_blank"><img src="http://i53.tinypic.com/2zj00aq.png" width="170" border="0" alt="Hanne">
</div>
<div id="profile">
<tag:profile>
<br>
<tag:if test="${ProfileExists == 'true'}">
</tag:if></div>
<tag:profile>
<div class="nav">
</ul>
</ul>
</div>
</div>
</div>
</p>
<p>
<br clear="all" /></div>
<img src="${AppUrl}hits/index.bd?id=${BlogID}" border="0" width="0" height="0" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8238172-2");
pageTracker._trackPageview();
} catch(err) {}</script></body>
</html>

  32 kommentarer på "Gratis design #5 - Flared violet"

Marie
Digg!
02.02.2012, 00:25. URL: http://www.heimarie.blogg.no
Juthamat Cham <3 - Kommenterer alltid tilbake!
Pent! :D
05.02.2012, 13:31. URL: http://www.jutha.blogg.no
Tilalk - Kommenterer alltid tilbake <3
Kjempefint! :) Skal legge det inn nå.
12.02.2012, 21:42. URL: http://tilalk.blogg.no
Tilalk - Kommenterer alltid tilbake <3
Jeg bruker dette designet, men jeg klarer ikke å legge inn profilbilde? Hvor skal jeg legge url'en til bilde?
13.02.2012, 21:54. URL: http://tilalk.blogg.no
Carolina
Hvordan endrer jeg størrelsen på overskriftene på innleggene? Kjempefint design!
17.02.2012, 20:05.
andreaesteen
Skikkelig fint design :) veldig fornøyd..
22.02.2012, 18:58. URL: http://andreaesteen.blogg.no
kasiXD
Jeg kjønner ikke helt... kunne du laget et til bloggen vår: kasiXD.blogg.no ?

Det kodegreiene, det er det jeg ikke kjønner.

kunne du kontaktet meg på mail? tante.pernille@live.no
12.03.2012, 18:39. URL: http://www.kasiXD.blogg.no
Sophie
Hvordan endrer jeg headeren og profil bildet ? :-DD

svar på bloggen min eller på sophie1@live.no
17.03.2012, 15:40. URL: http://sophiebf.blogg.no
May-Christin
når jeg limer inn kodene for innlegg, så kommer det sann feil (no such record) elns! hadde satt pris på hjelp? har veldig lyst på dette designet! :)
19.03.2012, 23:53. URL: http://maychristin.blogg.no
May-Christin
bare glem det, fikk det til!! :)
19.03.2012, 23:55. URL: http://maychristin.blogg.no
cecilietingstad
skikkelig fint, veldig fornøyd!
31.03.2012, 16:42. URL: http://www.takeastep.blogg.no
Cfoss - Kommenterer alltid tilbake! :)
hvordan skifter man header? <3
23.04.2012, 20:47. URL: http://cfoss.blogg.no
Anonym
hvor stor er headeren?
25.04.2012, 15:16.
Eirunn - Kommenterer tilbake
nice!
26.04.2012, 18:08. URL: http://p0w3r.blogg.no
Michico
Koster det penger for at du skal lage et spesial laget design til meg..

Men skal bytte blogg så..

Kontakt meg på blogger.jenta@rocketmail.com
07.05.2012, 19:08. URL: http://Michico,blogg,no
siljecomet
Takk for designet! Det er jo dritkult! :D <3
11.05.2012, 22:02. URL: http://www.siljecomet.blogg.no/
Ailen
Hei, får ikke til å skifte header? kan du hjelpe meg?
24.05.2012, 00:28. URL: http://www.ailenhanssen.blogg.no
Ida
Veldig kult og fint design!

Hvordan bytter man prfilbilde og header?
04.06.2012, 19:14.
zvane
jeg bruker det!:D
09.06.2012, 20:06. URL: http://zvane.blogg.no
Guro
Finner ikke den siste Innlegg tingen? kan du si hvordan man gjør det? :) Det eneste som står helt øverst er hjem, post, arkiv, kommentarer, venner, profil og oppsett?
15.06.2012, 13:44.
Ane Eik
Åh, kan jeg ta det? Kan ikke sånne koder eller noe sånt, så det her er veldig kjekt :)
28.06.2012, 11:21. URL: http://aneik.blogg.no
www.amnasana.blogg.no
Hei jeg har nå brukt dette designet, men jeg vil gjerne ha større overskrift hvordan får jeg til det?
05.07.2012, 18:13.
Haldis
Hei,

setter inn dette designet inn på testbloggen min nå, men jeg kan ikke finne ut om det er kategoriliste i sidemenyen? Hva er koden til denne isåfall?
21.07.2012, 19:50. URL: http://hasit.blogg.no
bloggdesign
Haldis:

kategorier



${CategoryName}
27.07.2012, 10:56. URL: http://todoit.blogg.no/
Haldis
Kan du forklare litt annerledes? Skal jeg bare sette inn ${CategoryName} et sted i sidemenyen??
17.08.2012, 11:16. URL: http://hasit.blogg.no
julie besøk bloggen
cool
30.08.2012, 14:49. URL: http://Girlshow.blogg.no
mittliv10
Hvordan får man sånn at profilen synes?
26.10.2012, 22:28. URL: http://mittliv10.blogg.no
elinespettersen
hvordan legger man til header og profilbilde? sliter veldig med dette, hadde vært flott om du svarte på mail :)
03.11.2012, 09:56. URL: http://elinespettersen.blogg.no
Tilla Madeleine
Jeg bruker det! :)
14.11.2012, 17:57. URL: http://tillma.blogg.no
xxxxxxxx
xfdf
31.01.2013, 10:12.
maritdvergsnes
hvordan får jeg vekk den blå linjen på toppen? det er akkurat som om den henger igjen fra den forrige innlegget.
03.03.2013, 17:42. URL: http://Maritdvergsnes.blogg.no
annelil
Veldig fint design, har brukt det på bloggen min!
05.07.2013, 14:35. URL: http://annelil.blogg.no



LEAVE A COMMENT:

NAME


E-MAIL


WEBSITE




YOUR COMMENT:


REMEMBER?


Add +


FACEBOOK


WEHEARTIT


TUMBLR


PINTEREST



ARCHIVES


April 2012
Januar 2012
November 2011
Oktober 2011
September 2011


DESIGN


ANETTE
hits