Gratis design #3 - Purple
01:22 Jeg tålerer ikke at dere misbruker designene mine! Så om jeg ser noe tull, rapporterer jeg til blogg.no med en gang!
Det er helt greit at dere endrer og fikser på designet så mye dere vil, bare dere IKKE fjerner der det står at jeg har laget det. Jeg kan se om det er mine grunnkoder uansett, og da sender jeg rapport til blogg.no med engang, eller skriver en beskjed til deg.
Dere kan lese mer om hvordan dere skifter header og hvordan skifte tekst og bilde i sidemenyen på denne siden her. Bare bla nedover, så har jeg skrevet i store bokstaver!
Om du har problemer med og sette inn designet eller andre problemer, så vær så snill og send meg en mail på katrineaastorp.blogg@hotmail.com. Jeg svarer mye fortere der, enn her i kommentarfeltet! Også er det mye enklere med kontakt der.
DESIGN - STILSETT
body {
background-color: #F9F2F8;
}
a { color: #EDD5E9; text-decoration: none;}
a:link { color: #666666; text-decoration: none;}
a:visited { color: #666666; text-decoration: none;}
a:active { color: #EDD5E9; text-decoration: none;}
a:hover {letter-spacing:2px;}
#wrapper {
border: solid 0px #E6E6E6;
clear:none;
padding: 0px;
width: 1040px;
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://i53.tinypic.com/2i7xtef.jpg);
border: solid 1px #E6E6E6;
height: 270px;
width: 850px;
margin: 0px 0px 10px 0px;
float: right;
margin-left: auto;
margin-right: auto;
}
#side {
border: solid 1px #E6E6E6;
float: left;
width: 50px;
background-color: #ffffff;
font-family: tahoma;
font-size: 10px;
color: #7e7e77;
padding: 2px;
line-height: 150%;
margin-left: auto;
margin-right: auto;
}
#content {
border: solid 1px #E6E6E6;
overflow: hidden;
float: right;
width: 820px;
padding: 0px 15px 20px 15px;
margin: 0px 0px 0px 0px;
line-height: 150%;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
}
h1 {
font-family: georgia;
font-size: 14px;
text-transform:uppercase;
margin: 0px;
padding: 0px;
height: 30px;
}
h2 {
border-bottom: 1px dashed #E2E6DD;
color: #999999;
font-family: georgia;
font-size: 13px;
font-weight: normal;
margin-bottom: -7px;
margin-top: 3px;
padding-bottom: 2px;
}
/** Entry headers **/
h3 {
font-family: georgia;
font-size: 25px;
color: #EDD5E9;
text-transform: normal;
font-weight: normal;
font-style: normal;
letter-spacing: 0px;
padding: 9px 9px 9px 9px;
margin-bottom: -20px;
margin-top: 15px;
line-height: 50%;
}
}
.navheader {
font-family: georgia;
font-size: 11px;
font-weight: normal;
color: #666666;
padding:30px 30px 0px;
margin-bottom:0px;
background-color:#FFFFFF;
text-transform: uppercase;
}
.nav {
font-family: georgia;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 0px;
}
.nav ul {
margin: 0px 0px 30px;
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: #EDD5E9; }
/** Post's body text **/
.entrybody {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #7e7e77;
line-height: 150%;
margin: 0px 0px 5px 0px;
background-color: #FFFFFF;
padding: 10px;
}
/** 'Posted by' txt **/
.entrymeta {
font-family: georgia;
font-size: 10px;
font-weight: normal;
text-transform: normal;
color: #7e7e77;
text-align: middle;
line-height: 20%;
border-bottom: 1px dotted #E2E6DD;
}
.entrymeta a { color: #7e7e77; }
.entrymeta a:hover { color: #EDD5E9; text-decoration: none;}
.commentheader {
border-bottom: 1px dotted #E2E6DD;
-webkit-box-shadow: 0px 0px 20px #7e7e77;
-moz-box-shadow: 0px 0px 20px #7e7e77;
box-shadow: 0px 0px 3px #7e7e77;
-moz-border-radius: 15px;
border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px;
font-family: arial;
font-size: 13px;
font-weight: normal;
color: #7e7e77;
background-color: #FCF7FC;
line-height: 130%;
margin: 10px 10px 0px 15px;
border: 5px solid #f9f9f9;
}
.commenttext {
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #7e7e77;
line-height: 100%;
margin: 10px 10px 0px 0px;
border-bottom: 1px dotted #E7E0D6;
}
.commentmeta {
font-family: arial;
font-size: 11px;
font-weight: normal;
color: #999999;
margin: 10px 10px 10px 0px;
padding-bottom: 10px;
line-height: 130%;
border-bottom: 0px dashed #E7E0D6;
}
.commentmeta a { color: #7e7e77; }
.commentmeta a:hover { color: #d8c6cb; text-decoration: none}
.commentform {
font-family: arial;
font-size: 11px;
text-transform: normal;
font-weight: normal;
color: #7e7e77;
margin: 10px 10px 20px 15px;
line-height: 130%;
}
#header h1, #header p { display:none }
#header { color: #7e7e77; }
#side {
width: 16%;
}
#main {
border-right: 10px solid #000000;
width: 70%;
}
Background-color, color (farge på teksten), border osv kan endres på.
#navbar {
padding: 5px;
height: 1em;
width: auto;
margin: 0px;
text-align: center;
}
#navbar li {
float: left;
list-style: none;
width: 150px;
background-color: #fff;
}
#navbar li a {
padding: 5px;
display: block;
border-bottom: 0px dashed #F7D7EE;
color: #000000;
text-decoration: none;
font-family: arial;
font-size: 9px;
line-height: 11px;
}
#navbar li ul {
padding: 1px;
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 #E6E6E6;
color: #727272;
}
#navbar li li a:hover {
background-color: #FFF2FE;
}
#meny {
width: 750px;
margin-left: auto;
}
#side {
margin-top: -282px;
background-color: #ffffff;
}
MALER - FORSIDEN, KATEGORI, 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">
<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="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" 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>
<br>
<br>
<br>
<body>
<div id="wrapper">
<br><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>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>
<li><a href="LINK HER">Overskrift</a>
<ul>
</ul>
</li>
</ul>
</div>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entrylist limit="31">
<a name="a${EntryNum}"></a>
<br>
<div class="entrymeta">
<center><h3>${EntryTitle}</h3></ center>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<center>${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} // <a href="${EntryPermaLink}#comment">k o m m e n t a r e r (${EntryCommentCount})</a></div></ center>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<center><font size="3"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer </a></font></ center>
<br/><br/>
<br>
<br>
</div>
<br>
<br>
</tag:entrylist>
</div>
<div id="side">
<center><img src="http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg" width="165" border="0"</ center>
<br>
<center><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0">
Her kan du skrive om deg selv eller hva du vil.</ center>
<br>
<br>
<img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> <a href="${ProfileUrl}">Legg meg til som venn</a>
<br>
<br>
<br>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> A r k i v</h2></ center>
<tag:archivelist limit="30">
<br/><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist><br/><br/>
<br>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> K a t e g o r i e r</h2></ center>
<br>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> L i n k e r</h2></ center>
<tag:linklist>
<br><a href="${LinkURL}">${LinkName}</a></tag:linklist><br/><br/>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> D e s i g n</h2></ center>
<br>
<a href="http://katrineaastorp.blogg.no"><img src="http://i54.tinypic.com/sqrq0k.jpg" width="165" border="0"
<br>
Designet er laget av Katrine.
<br><br>
</div>
</div>
</div>
</body>
</html>
MALEREN - 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">
<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>
<br>
<br>
<br>
<body>
<div id="wrapper">
<br><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>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
</li>
<li><a href="LINK HER">Overskrift</a>
<ul>
</ul>
</li>
</ul>
</div>
<div id="header" onclick="document.location='${BlogUrl}';">
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<br>
<div class="entrymeta">
<center><h3>${EntryTitle}</h3></ center>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<center>${EntryDate} <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${EntryTime} </div></ center>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
I <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
</div>
</tag:entry>
<!-- Display comments and form if this entry allows comments -->
<tag:if test="${Comments == 1}">
<a name="comment" /><br>
  <font face="Vijaya"><font size="5"><font color="#666666">${EntryCommentCount} kommentarer på "${EntryTitle}"</font><br><br></font></font>
<tag:commentlist>
<div class="commentheader">
<b><img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> ${CommentAuthor}</b>
<div class="commenttext">${CommentText}</div>
<div class="commentmeta">
${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><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 />
<br>
<font color="#e8cfc9"><font face="georgia"><font size="5">Legg igjen en kommentar:</font><br/><br/>
</font></font>
Navn: <br />
<input type="georgia" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />
E-post:<br />
<input type="georgia" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
Bloggadresse: <br />
<input type="georgia" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<br/>
<input class="formbutton" type="submit" name="submit" value="Tusen takk!" /> <img src="http://thingsyouremember.blogg.se/design/images/2010/heeart_100769151.png" border="0"> Dette designet er laget av http://katrineaastorp.blogg.no
<br/>
</form>
</tag:if>
</div>
<div id="side">
<center><img src="http://bloggfiler.no/katrineaastorpdesign.blogg.no/images/1085391-7-1302044240444.jpg" width="165" border="0"</ center>
<br>
<center><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0">
Her kan du skrive om deg selv eller hva du vil.</ center>
<br>
<br>
<center><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> <a href="${ProfileUrl}">Legg meg til som venn</a></ center>
<br>
<br>
<br>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> A r k i v</h2></ center>
<tag:archivelist limit="30">
<br/><a href="${ArchiveLink}"mce_href="/922173/entries/article/73622744/
${ArchiveLink}">${ArchiveName}</a></tag:archivelist><br/><br/>
<br>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> K a t e g o r i e r</h2></ center>
<br>
<tag:categorylist>
<br/><a href="${CategoryLink}" mce_href="/922173/entries/article/73622744/ ${CategoryLink}">${CategoryName}</a></tag:categorylist><br/><br/>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> L i n k e r</h2></ center>
<tag:linklist>
<br><a href="${LinkURL}">${LinkName}</a></tag:linklist><br/><br/>
<center><h2><img src="http://designbloggar.blogg.se/blue/images/2011/heart_128008752.png" border="0"> D e s i g n</h2></ center>
<br>
<a href="http://katrineaastorp.blogg.no"><img src="http://i54.tinypic.com/sqrq0k.jpg" width="165" border="0"
<br>
Designet er laget av Katrine.
<br><br>
</div>
</div>
</div>
</body>
</html>
80 kommentarer på "Gratis design #3 - Purple"
- bruker det med noen endringer jeg :)
kan du gi svaret på melding eller som kommentar på bloggen min? :)
om du fortsatt har problemer med dette, så sender du meg en mail på katrineaastorp.blogg@hotmail.com, så kan i snakke nærmere der og da kan jeg hjelpe deg! :-)
det skjønner jeg godt. html koder, design og koding er veldig vanskelig og lære, og det er mange som ikke skjønner en bær av det, så jeg forstår deg veldig godt når det kommer til sånt! men ikke alle er like flinke på alt vet du! så derfor er det bra at noen personer gidder og lage gratis design, hehe :-)
tusen takk! ja, jeg lar ikke andre ta credsen min. det er bare respektsløst og skuffende! :-)
Bruker det nå :)
Men jeg lurer på en ting !
Hvordan kan man bytte det lille bilde på siden? Det bilde med ringen.
Og endre teksten der det står " Her kan du skrive om deg selv eller hva du vil "
du går inn på design og deretter maler, så holder du inn ctrl knappen og trykker på f, da skal det komme opp en sånn søkerute. i den søkeruten søker du bare på "her kan du skrive om deg selv eller hva du vil" og da skal den teksten komme opp og der kan du forandre. over den er koden til bildet :-) om du sliter mere med dette er det bare og sende meg en mail på katrineaastorp.blogg@hotmail.com!
Skjønte ikke helt hva jeg ikke skulle ta bort ? Var det , der det sto : Designet er laget av Katrine ? ( PS : Har ikke gjort det altså :P) + Var det bare det man ikke skulle ta bort ?
ja, du skal ikke ta bort det :-)
^kjempefint
ELSKER BLOGGEN DIN <3 Takk for mange fine design !<3
Jeg bruker det ;-)
kan du plis fortelle hvorfor det blir slik??
www.majsis.blogg.no
Jeg prøvde, men da ble bare alt kaos! :S
beste designeeeet, skal brike den
Bruker dette designet nå, synes det er kjempefint, men i internett explorer blir bloggen midtstilt, å i google chrome er den vanlig(sidestilt).. vil ha den vanlig på alle nettlesere, er det noe jeg kan gjøre med det ? :) håper på svar på min blogg.
Arkiv