TN: L03 Missing you.

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

First try at line-art. :)

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">

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: #444;
letter-spacing: 1pt;
line-height: 100%;
}

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

A.hov, A:visited.hov, A:active.hov {
display: block;
background-color: #F8F8F8;
width: 90%;
margin-top: 2px;
padding: 2px;
}

A:hover.hov {
background-color: #FFF;
border-bottom: 1px solid #F5F5F5;
border-top: 1px solid #F5F5F5;
}

body {
background-color: #FFF;
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;
padding: 2px;
border-bottom: 1px solid #F5F5F5;
}

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

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: 12pt;
color: #444;
letter-spacing: 2pt;
text-align: left;
padding-left: 0px;
line-height: 100%;
border-bottom: 1px solid #F5F5F5;
}

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

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

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

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

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

</head>
</style>

<body>

<table width="450" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" style="background-color: none; padding-right: 5px; overflow-x: hidden;" valign="top">
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('entries').innerHTML"title="Recent">blog</span>
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('profile').innerHTML"title="Biography">profile</span>
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('links').innerHTML"title="Friends">links</span>
<span class="navi" onClick="document.getElementById('main').innerHTML=document.getElementById('tagboard').innerHTML"title="Tagboard">tagboard</span>
</td>

<td id="main" width="80%" style="background-color: none; padding: 5px; overflow-x: hidden;" valign="top">
<div class="h1">Welcome</div>
<p><b>Layout:</b> Missing you.<br>
<b>Best viewed:</b> Mozilla Firefox.<br>
<b>Resolution:</b> 1280X800.</p>
<p>Hello welcome to my site. Some disclaimers first: Everything written down here are just my pea's worth of opinion. You are not to take anything I mentioned against me. And I do not need your validation to live, for the record. :)</p>
</td>

<td id="entries" style="display: none;">
<blogger>
<div class="h1"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="h2"><BlogDateHeader><b>Written on:</b> <$BlogDateHeaderDate$>  | </BlogDateHeader><b>Time:</b> <$BlogItemDateTime$></div>
<p><$blogitembody$></p><br><br><br>
</blogger>
</td>

<td id="profile" style="display: none;">
<div class="h1">About me</div>
<p>Introduce yourself to your readers down here, that's basic courtesy. Tell them what they need to know.</p>
</td>

<td id="links" style="display: none;">
<div class="h1">Friends</div>
<p>Layout: <a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">tuesday</a><a href="http://leromantique.livejournal.com/" target="_blank">night</a><br>
Resource: <a href="http://xunicaxmanikax.deviantart.com/art/Drop-dead-GORGEOUS-99197694" target="_blank">xxx</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">Tagboard</div>
<p>Your tagboard codes here. :)</p>
</td>
</tr>
</table>
</body>
</html>