TN: L01 Fall for You

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Enjoy!

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>Tonight will be the night.</title>

A:link, A:visited, A:active {
font-family: Times New Roman;
font-size: 8pt;
text-decoration: none;
font-weight: none;
background-color: none;
text-transform: none;
color: #333;
line-height: 100%;
}

A:hover {
font-family: Times New Roman;
font-size: 8pt; 
text-decoration: none;
font-weight: none; 
color: #555; 
letter-spacing: 2pt; 
text-transform: none; 
cursor: default; 
background-color: none; 
line-height: 100%;
}

A.hov, A:visited.hov, A:active.hov {
display: block;
background-color: #f1f1f1;
width: 150px;
margin-top: 2px;
}

A:hover.hov {
background-color: #ddd;
}

body {
background-color: #F8F8F8;
font-family: Arial;
color: #000;
font-size: 8pt;
line-height: 110%;
margin: 0px;
padding: 0px;
text-align: justify;
}

.navi {
display: block;
font-family: Arial;
font-size: 8pt;
line-height: 100%;
color: #555;
letter-spacing: 0pt;
word-spacing: 0pt;
text-align: right;
cursor: default;
}

.navi:hover {
background-color: #eee;
}

table {
background-color: none;
border: none;
font-family: Arial;
font-size: 7.5pt;
letter-spacing: 0pt;
color: #777;
line-height: 110%;
}

.h1 {
font-family: Times new roman;
font-size: 13pt;
color: #555;
letter-spacing: 0pt;
text-align: left;
padding-left: 0px;
line-height: 100%;
border-bottom: 1px solid #eee;
}

.h2 {
font-family: Times new roman;
font-size: 7pt;
color: #999;
letter-spacing: 0pt;
text-align: left;
padding-left: 0px;
line-height: 150%;
}

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

blockquote:hover {
filter:alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
}

::-moz-selection {
color: #FFF;
background: #BEBA9C;
}

b, i, s, u {
color: #555;
}

</head>
</style>

<body>

<table width="500" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="18%" style="background-color: none; padding-right: 10px; overflow-x: hidden;" valign="top">
<div class="navi">
<span onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML" onMouseOut="this.style.textDecoration='none';this.style.background='none';this.style.color='#555'" onMouseOver="this.style.textDecoration='none';this.style.color='#777';"title="Recent">blog</span><br></div>
<div class="navi">
<span onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML" onMouseOut="this.style.textDecoration='none';this.style.background='none';this.style.color='#555'" onMouseOver="this.style.textDecoration='none';this.style.color='#777';"title="Biography">profile</span><br></div>
<div class="navi">
<span onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML" onMouseOut="this.style.textDecoration='none';this.style.background='none';this.style.color='#555'" onMouseOver="this.style.textDecoration='none';this.style.color='#777';"title="Friends">links</span><br></div>
<div class="navi">
<span onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML" onMouseOut="this.style.textDecoration='none';this.style.background='none';this.style.color='#555'" onMouseOver="this.style.textDecoration='none';this.style.color='#777';"title="Tagboard">tagboard</span></div>
</td>

<td id="profile" style="display: none;">
<div class="h1">Profil</div>
<p>Everything about you. Your likes/dislikes, love/hate, and the usual school, age, gender, relationship status etc.</p>
</td>

<td id="links" style="display: none;">
<div class="h1">Filiales</div>
<p>Layout: <a href="http://tuesdaynight.createblog.com/" target="_blank">Ye</a><a href="http://leromantique.livejournal.com/" target="_blank">ling</a><br>
Resources: <a href="http://www.flickr.com/photos/jw1697/2923622656/" target="_blank">x</a><a href="http://www.flickr.com/photos/jw1697/2923623128/in/set-72157607841067243/" target="_blank">o</a><a href="http://www.flickr.com/photos/jw1697/2922769335/" target="_blank">x</a><a href="http://www.swimchick.net/" target="_blank">o</a><a href="http://www.dafont.com/" target="_blank">x</a></p>
<div align="center"><p>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
<a href="http://friendsurl.blogspot.com" target="_blank" class="hov">Link</a>
</p></div>
</td>

<td id="tagboard" style="display: none;">
<div class="h1">Cri dehors</div>
<p>Your tagboard codes here. :)</p>
</td>
</tr>
</table>
</body>
</html>

Layout Comments

Showing latest 10 of 11 comments

Heii, why does it says: XML: The element type "style" must be terminated by the matching end-tag "".
I really like the template :(

By tuikaLOL on Jun 4, 2009 12:01 pm

This is a beautiful layout! I was just wondering, how do I alter the codes so that I can still have individual comments on my blog entries. I realized comments are disabled. Please reply, thanks! :)

By mika-takarai on Jan 16, 2009 3:26 am