Design 5# (700px uten sidebar)






På dette designet må du laste opp bildene 700px og headeren i 800px. Håper du liker det. Hilsen idawisth♥

 

 

STILSETT (CSS) = design > rediger > ta bort alle kodene som står der fra før av, og lim inn dette:


 body {

background-color: #EFEFED;

margin: 20px 20px 20px 20px;

margin-left: auto;

margin-right: auto;

}

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

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

#wrapper {

clear:none;

padding: 0px;

width: 800px;

margin-top: 0px;

margin-left: auto;

margin-right: auto;

}

#wrapper:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}

#header {

float: left;

margin:0px auto;

background: transparent;

padding: 0px 0px 0px 0px;

border: 0px solid #dddddd;

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

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

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

}

#content {

overflow: hidden;

float: left;

width: 700px;

padding: 0px 50px 0px 50px;

margin: 0px 0px 0px 0px;

line-height: 150%;

background-color: #ffffff;

border: 0px solid #dddddd;

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

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

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

}

h1 {

font-family: tahoma;

font-size: 14px;

font-color: 3d3d3d;

text-transform:uppercase;

margin: 0px;

padding: 0px;

height: 30px;

}

h2 {

color: #da7373;

font-family: tahoma;

font-size: 12px;

font-weight: normal;

margin-bottom: -17px;

margin-top: 3px;

padding-bottom: 2px;

}

/** Entry headers **/

h3 {

font-family: tahoma;

font-size: 20px;

text-align: center;

color: #da7373;

text-transform: uppercase;

font-weight: normal;

text-transform: normal;

padding: 5px 5px 5px 5px;

margin-bottom: 0px;

margin-top: 12px;

}

.navheader {

font-family: verdana;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

padding:5px 5px 0px;

margin-bottom:0px;

background-color:#FFFFFF;

text-transform: uppercase;

}

.nav {

font-family: verdana;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

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: #da7373; }

/** Post's body text **/

.entrybody {

font-family: tahoma;

font-size: 13px;

font-weight: normal;

color: #3d3d3d;

line-height: 150%;

margin: 0px 0px 5px 0px;

background-color: #FFFFFF;

padding: 10px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: tahoma;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

text-align: center;

text-transform: uppercase;

line-height: 130%;

margin: 5px 0px 5px 10px;

}

.entrymeta a { color: #3d3d3d; }

.entrymeta a:hover { color: #3da7373; text-decoration: none;}

.commentheader {

font-family: verdana;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

line-height: 130%;

margin: 10px 10px 0px 15px;

}

.commenttext {

font-family: verdana;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

line-height: 100%;

margin: 10px 10px 0px 0px;

}

.commentmeta {

font-family: verdana;

font-size: 11px;

text-transform: normal;

color: #3d3d3d;

margin: 10px 10px 10px 0px;

padding-bottom: 10px;

line-height: 130%;

border-bottom: 1px dotted;

}

.commentmeta a { color: #3d3d3d; }

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

.commentform {

font-family: verdana;

font-size: 11px;

font-weight: normal;

color: #3d3d3d;

margin: 10px 10px 20px 15px;

line-height: 130%;

}

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

#header { color: #3d3d3d; }

#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: 10px;

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 {

width: 610px;

margin-left: auto;

margin-right: auto;

}

FORSIDE, KATEGORI & ARKIV = design > rediger > maler > forsiden/kategorier/arkiv > ta bort alle kodene som står der fra før av, og lim inn dette:

<!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://i56.tinypic.com/6egkmd.png" type="image/gif"/></script>
</head>
<body>
<div id="wrapper">
<div id="header" size="1000px">
<img src="http://bloggfiler.no/designngised.blogg.no/images/1061870-9-1308060827848-n1000.jpg" alt="" width="800" height="460" />
</div>
<br>
<div id="content">
<tag:entrylist limit="40">
<a name="a${EntryNum}"></a>
<a href="${EntryPermaLink}#comment"><h3>${EntryTitle}</h3></a>
<img src="http://bloggfiler.no/idawisth.blogg.no/images/371895-10-1293463435877.jpg" alt="" width="700" height="1" />
<div class="entrymeta"> ${EntryDate}, ${EntryTime} <a href="${EntryCategoryLink}">${EntryCategoryName}</a>
</div>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
<div align="right">
<a href="${EntryPermaLink}#comment"> ${EntryCommentCount} kommentarer</a>
</div></font>
<br/><br/>
</div>
</tag:entrylist>
</div>

INNLEGG = design > rediger > maler > innlegg > ta bort alle kodene som står der fra før av, og lim inn dette: 

<!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" />
<link rel="shortcut icon" href="http://i56.tinypic.com/6egkmd.png" type="image/gif"/></script>
</head>
<body>
<div id="wrapper">
<div id="header" size="800px">
<img src="http://bloggfiler.no/designngised.blogg.no/images/1061870-9-1308060827848-n1000.jpg" alt="" width="800" height="460" />
</div>
<div id="content">
<tag:entry>
<a name="a${EntryNum}"></a>
<h3>${EntryTitle}</h3>
<img src="http://bloggfiler.no/idawisth.blogg.no/images/371895-10-1293463435877.jpg" alt="" width="700" height="1" />
<div class="entrymeta">${EntryDate}, ${EntryTime} <a href="${EntryCategoryLink}">${EntryCategoryName}</a></div>
<div class="entrybody">${EntryBody}</div>
<div class="entrymeta">
</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="#000000">${EntryCommentCount} kommentarer</font><br><br></font></font>
<tag:commentlist>
<div class="commentheader">
<b>Postet av: ${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 />
<font color="#000000"><font face="New times roman"><font size="3">Skriv en ny kommentar</font><br><br>
</font></font>
Navn:
<br>
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br><br />
E-post:
<br>
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br><br />
Bloggadresse:
<br>
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br><br />
<textarea name="comment" onchange="doChange(this)" cols="72" rows="10"></textarea>
<br /><br>
<input class="formbutton" type="submit" name="submit" style="width: 180px; height: 27px;" value="Send kommentar" /> <input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg?<br />
<br><br>
<br><br>
<a href="http://idawisth.blogg.no">Design av idawisth.blogg.no</a>
</form>
</tag:if>
</div>

  4 kommentarer

Postet av:
uo
19.jun.2011, 11:34
Postet av: Anne-Julie og Dina
hvordan kan man endre header ? får den ikke i riktig størrelse
20.jun.2011, 18:44
URL: http://dundass.blogg.no
Postet av: Lisaigega
Åååh, jeg er så fornøyd med dette designet! sjekk ut bloggen min, og si din mening! Tusen takk ♥
18.des.2011, 19:42
URL: http://lisaigega.blogg.no
Postet av: Nymyk<3
Kan du sende meg en mail eller noe hvordan man lager dette designet ?? får det ikke til ;s <3

og vi vil ikke begynne å blogge før vi har fått et ordentlig design..
29.des.2011, 23:59
URL: http://nymyk.blogg.no

Skriv en ny kommentar

Navn:


E-post:


Bloggadresse:




Husk meg?




Design av idawisth.blogg.no

MENY


Forsiden
Om siden
Hvordan sette inn headeren?
Hvordan laste opp bilde?
Hvordan endre tekst i sidebaren?
Annet hjelp

DESIGN 700PX


Design 3
Design 4
Design 5

DESIGN 800PX


Design 5

DESIGN UTEN SIDEBAR 700PX


Design 5

DESIGN UTEN SIDEBAR 800PX


Design 5

Hvis en link ikke funker helt, trykk på forsiden så på det designet du vil se på!

hits