Death Cab for Cutie Layout

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Template
3. Copy (ctrl c) and paste (ctrl v) code to EDIT HTML

Layout Code

Copy and paste to Template

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>someday you will be loved. [death cab for cutie]</title>

#navbar-iframe {
   display: none !important;
}

a {color:#666; text-decoration:none;}
a:hover {color:#dfdfdf; background-color:#fff; text-decoration:none; cursor:none;}

.class1 a {color:#000; text-decoration:none;}
.class1 a:hover {color:#fff; text-decoration:none; background-color:#5da2c8; border:1px solid #4083A8; cursor:help;}
.class1 {text-transform:lowercase;}

body {background-color:#5DA2C8; font-family:Arial, Helvetica, sans-serif; font-size:100%; height:100%;}
#container {position:absolute; top:0px; left:50%; margin-left:-260px; width:520px; background-color:#FFF;}
#header {padding-top:10px; padding-left:10px; padding-right:10px;}
#sidenav {width:94px; float:left; font-size:0.7em; background-color:#fff;}
#blogmain {width:413px; float:left; font-size:0.7em; background-color:#fff; padding:3px;}
#footer {font-size:0.6em; text-align:right; padding-right:1px; text-transform:lowercase; padding-bottom:1px; width:520px; float:left;}

.headersub {font-family:Georgia, "Times New Roman", Times, serif; font-size:0.6em; font-style:italic; text-transform:lowercase; color:#5DA2C8; padding-left:10px; padding-right:10px; border-bottom:1px dotted #5DA2C8; text-align:right;}
.navigationhead {background-color:#dfdfdf; text-transform:lowercase; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; text-align:center;}

.blogtitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; text-transform:lowercase; line-height:90%; color:#999; font-style:italic; text-align:right;}
.blogdate {font-size:0.7em; line-height:90%; text-align:right;}
.blogentry {font-size:0.8em; line-height:95%; padding:20px;}
.blogfooter {font-size:0.7em; line-height:95%; text-align:left; border-bottom:3px solid #999; padding-left:20px; padding-bottom:3px;}

</style>
</head>

<body>

<div id="header"><img src="http://cbimg6.com/layouts/09/09/35669aa.png" /></div>
<div id="headersub"><div class="headersub">I know your heart belongs to someone you've yet to meet</div></div>
<div id="sidenav"><div class="navigationhead">About</div>
<span class="class1">Write anything about you or your blog in this area.</span><br />
<div class="navigationhead">Linkage</div>
<span class="class1"><a href="http://fratellish.blogspot.com/">Fratellish</a><br />
<a href="http://twitter.com/panique">Twitter</a><br />
<a href="http://lastfm.com/user/fratelle/">Last.fm</a></span>
<div class="navigationhead">Archives</div>
<span class="class1"><BloggerArchives>
<a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br>
</BloggerArchives></span>
</div>

<div class="blogfooter"><a href="<$BlogItemPermalinkURL$>"><title="permanent link">Posted by <$BlogItemAuthorNickname$></a> | <$BlogItemDateTime$> <a href="javascript:HaloScan('<$BlogItemNumber$>');" <br /><target="_self"><script type="text/javascript">postCount('<$BlogItemNumber$>'); </script></a><BlogItemCommentsEnabled>
   <a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></div>

<h4><$BlogItemCommentCount$> Comments:</h4>

</BlogItemComments>

<p><a href="<$BlogItemCommentCreate$>" 
   <$BlogItemCommentFormOnClick$>>
   Post a Comment</a></p>

</BlogItemCommentsEnabled></div>

</ItemPage>

</Blogger>
</div>

<div id="footer">Layout created by <a href="http://www.fratellish.blogspot.com/">Pani</a>. Lyrics by <a href="http://www.deathcabforcutie.com/home">Death Cab For Cutie</a>.</div>

</div>

</body>
</html>

Layout Comments

Showing latest 8 of 8 comments

Good work! Yesterday I received my first pair of Ugg boots for my present and I have fallen in love with them. The most important thing is, all uggs boots on sale in this store are very nice, discount, free shipping, lol!!!

Share more uggs boots on sale on http://www.buddyugg.com

By panshuiping on Nov 16, 2009 12:44 am

Our greatest glory uggs boots consists not in never falling but in rising every ugg lo pro button time we fall.It is not enough ugg boots to be industrious, so are the ants. What are you industrious about ugg knightsbridge? You have to believe in yourself. That's the ugg bailey button secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. http://www.ezugg.com/

By number1 on Nov 8, 2009 6:56 am

Our greatest glory [url=http://www.ezugg.com/]ugg s boots [/url] consists not in never falling but in rising every [url=http://www.ezugg.com/wome ns-ugg-ugg-lo-pro-button-c-1_1 28.html]ugg lo pro button [/url] time we fall.It is not enough [url=http://www.ezugg.com/]ugg boots [/url] to be industrious, so are the ants. What are you industrious about [url=http://www.ezugg.com/wome ns-ugg-ugg-knightsbridge-c-1_3 2.html]ugg knightsbridge[/url]? You have to believe in yourself. That's the [url=http://www.ezugg.com/wome ns-ugg-ugg-bailey-button-c-1_4 .html]ugg bailey button[/url] secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. [url=http://www.ezugg.com/]htt p://www.ezugg.com/[/url]

By number1 on Nov 8, 2009 6:56 am

Our greatest glory uggs boots consists not in never falling but in rising every ugg lo pro button time we fall.It is not enough ugg boots to be industrious, so are the ants. What are you industrious about ugg knightsbridge? You have to believe in yourself. That's the ugg bailey button secret of sucess. A wise man never loses anything if he has himself. To be without some of the things you want is an indispensable part of happiness. http://www.ezugg.com/

By number1 on Nov 8, 2009 6:55 am