TN: L13 22

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Inspired by Lily Allen's 22.

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

Help

<!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>When she was 22, the future looked bright</title>

A:link, A:visited, A:active {
font-family: arial;
text-decoration: none;
font-weight: bold;
text-transform: lowercase;
color: #b9a298;
line-height: 100%;
}

A:hover {
text-decoration: none;
font-style: italic; 
color: #7c7460; 
text-transform: lowercase; 
cursor: default; 
line-height: 100%;
}

body {
background: url('http://cbimg6.com/layouts/09/05/34520aa.jpg') no-repeat top left;
background-color: #e4e3df;
font-family: Arial;
color: #000;
font-size: 8pt;
margin: 0px;
padding: 0px;
line-height: 110%;
text-align: justify;
}

#t1 {
width: 32.6%;
background-color: none;
border: none;
font-family: tahoma;
font-size: 7pt;
letter-spacing: 0px;
color: #a59f97;
line-height: 110%;
margin-top: 355px;
margin-left: 157px
}

.hdr2 {
font-family: georgia;
font-size: 10pt;
color: #d6c4bc;
letter-spacing: 0pt;
text-align: right;
font-style: none;
font-weight: none;
padding: 0px;
line-height: 100%;
text-transform: lowercase;
}

.date {
font-family: arial;
font-size: 8pt;
color: #c1aca2;
letter-spacing: 0pt;
text-align: left;
line-height: 100%;
text-transform: uppercase;
border-top: 1px solid #d8d4cb;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
}

.subj {
font-family: georgia;
font-size: 7pt;
color: #c5b2a9;
font-style: italic;
letter-spacing: -0.5pt;
text-align: left;
line-height: 100%;
border-top: 2px solid #d8d4cb;
background-color: #e5e3df;
margin-bottom: 5px;
}

blockquote {
font-family: courier new;
background-color: #dad6cb;
padding: 10px;
}

blockquote:first-letter {
font-size: 15pt;
font-style: italic;
font-family: Georgia;
}

blockquote:hover {
color: #847f72;
}

::-moz-selection {
color: #fff;
background: #000;
}

b, strong, i, em, s, strike, u, underline {
cursor: move;
font-family: arial;
}

i, em, s, strike {
color: #9e8b6b;
}

b, strong {
color: #000;
background-color: #d1ccc5;
text-transform: uppercase;
padding: 2px;
line-height: 170%;
}

u, underline {
color: #9e8b6b;
text-decoration: none;
border-bottom: 1px solid #9e8b6b;
line-height: 150%;
}

</head>
</style>

<body>
<table id="t1" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="28%" style="background-color: none; padding: 65px 5px 5px 5px; overflow: hidden;" valign="top">
<div class="hdr2">Information</div>
<b>Layout:</b> 22<br>
<b>Browser:</b> MFF<br>
<b>Screen:</b> 1280X800<br><br>

<div class="hdr2">Profile</div>
It's sad but it's true how society says Her life is already over There's nothing to do and there's nothing to say Til the man of her dreams comes along picks her up and puts her over his shoulder It seems so unlikely in this day and age<br><br>

<div class="hdr2">Affiliates</div>
<a href="http://friendsurl.blogspot.com" target="_blank">Hibari</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Rokudo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Tsuna</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Colonello</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Kyoko</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Yamamoto</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Gokudera</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Reborn</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Haru</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ryohei</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Chrome</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lambo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">I-Pin</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Lal</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Viper</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Squalo</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Skull</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Xanxus</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Ciel</a>
<a href="http://friendsurl.blogspot.com" target="_blank">Sebastian</a><br><br>

<div class="hdr2">Tagboard</div>
Tagboard codes here. ^^<br><br>

<div class="hdr2">Credits</div>
Layout: <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tues</a><a href="http://tuesdaynight.co.nr/" target="_blank">day</a><a href="http://papermannequins.livejournal.com/" target="_blank">night</a><br>
Resources: <a href="http://community.livejournal.com/foto_decadent/1942527.html#cutid1" target="_blank">1</a> <a href="http://streetcarcircus.net/" target="_blank">2</a> <a href="http://www.dafont.com/" target="_blank">3</a><br><br>
</td>

Layout Comments

Showing latest 4 of 4 comments

I love it!

By wickedlee on May 22, 2009 6:51 pm

i love that song.
yeah the images are a bit faded too much but i love it overall.

By daisyy-yupp on May 2, 2009 1:30 pm

Yeah, I agree with Janette. Otherwise, it's nice. Good job! :)

By Mikeplyts on May 2, 2009 10:40 am

I like this one too, I just wish the images weren't so faded.

By futura on May 1, 2009 9:57 pm

Layout Details

Designer	tuesdaynight
Submitted on	May 1, 2009
Page views	12,801
Favorites	10
Comments	4
Reviewer	manny-the-dino
Approved on	May 1, 2009

TN: L13 22

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates