TN: L05 My best friend's girl.

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Ah, my favourite blending 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

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>My best friend's girl</title>

#navbar-iframe {
height:0px; 
visibility:hidden; 
display:none;
}

A:link, A:visited, A:active {
font-family: Georgia;
font-size: 8pt;
text-decoration: none;
font-weight: none;
background-color: none;
text-transform: none;
letter-spacing: 0pt;
color: #eab9aa;
line-height: 100%;
}

A:hover {
font-family: Georgia;
font-size: 8pt; 
text-decoration: none;
font-weight: none; 
color: #dba291; 
letter-spacing: 0pt; 
text-transform: none; 
cursor: default; 
line-height: 100%;
}

A.hov, A:visited.hov, A:active.hov {
display: block;
background-color: #f5e9d6;
width: 100%;
margin-top: 2px;
padding: 3px;
text-align: center;
}

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

body {
background: url("http://cbimg9.com/layouts/08/11/32379aa.png") no-repeat top right;
background-color: #f0e3cf;
font-family: Arial;
color: #000;
font-size: 8pt;
line-height: 110%;
margin: 0px;
padding: 0px;
text-align: justify;
cursor: default;
}

.navi {
display: block;
font-family: Times new roman;
font-size: 8pt;
line-height: 100%;
color: #dd8e82;
letter-spacing: 1pt;
word-spacing: 0pt;
text-align: right;
cursor: default;
padding: 2px;
border-bottom: 1px solid #f9eedf;
}

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

.title {
width: 560px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
text-align: right;
font-family: Georgia;
font-size: 105pt;
color: #555;
letter-spacing: -5pt;
line-height: 80%;
}

#t1 {
width: 480px;
background-color: none;
border: none;
font-family: Arial;
font-size: 8pt;
letter-spacing: 0pt;
color: #da9782;
line-height: 110%;
margin-top: 450px;
margin-right: 10px;
}

.h1 {
font-family: Arial;
font-size: 15pt;
color: #dd8e82;
letter-spacing: -2pt;
text-align: left;
padding: 3px;
line-height: 10%;
background-color: #f6ebda;
border-bottom: 5px solid #ede0cc;
margin-bottom: 0px;
}

.h2 {
font-family: Georgia;
font-size: 8pt;
color: #eaa69c;
letter-spacing: -0.5pt;
text-align: left;
padding: 1px;
line-height: 100%;
background-color: #f0e5d4;
}

blockquote {
background-color: #f4e5cf;
border: 1px solid #f5ebdc;
font-family: courier new;
padding: 10px;
color: #d68b73;
}

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

::-moz-selection {
color: #d89081;
background: #f8eedf;
}

b, strong, i, em, s, strike, u, underline {
color: #eab9aa;
}

</head>
</style>

<body>
<table id="t1" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="25%" style="background-color: none; padding: 0px; overflow-x: hidden;" valign="top">
<span class="navi" onClick="document.getElementById('home').innerHTML=document.getElementById('about').innerHTML"title="Biography">about</span>
<span class="navi" onClick="document.getElementById('home').innerHTML=document.getElementById('entries').innerHTML"title="Rants">recent</span>
<span class="navi" onClick="document.getElementById('home').innerHTML=document.getElementById('links').innerHTML"title="Friends">links</span>
<span class="navi" onClick="document.getElementById('home').innerHTML=document.getElementById('tagboard').innerHTML"title="Shouts">tagboard</span><br>
</td>

<td id="home" width="75%" style="background-color: none; padding: 10px; overflow-x: hidden;" valign="top">
<div class="h1">Welcome</div>
<p><b>Layout:</b> My best friend's girl<br>
<b>Best viewed:</b> Mozilla Firefox<br>
<b>Screen:</b> 1280X800</p>

<p>Hello welcome to my blog. Navigations are on the side bar by your left. Please note that 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="about" style="display: none;">
<div class="h1">About me</div>
<p>Hello my name is Yeling. I am a glutton and I eat the weirdest things you can ever imagine. I am a good girl and I eat my veggies. I love celery but dislike fishballs and fishcakes.</p>
</td>

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

<td id="links" style="display: none;">
<div class="h1">Friends</div>
<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 class="h1">Credits</div>
<p><a href="http://www.blogskins.com/me/tuesdaynight" target="_blank">x</a><a href="http://leromantique.livejournal.com/" target="_blank">x</a><a href="http://tuesdaynight.co.nr/" target="_blank">x<a><a href="http://www.swimchick.net/" target="_blank">x</a><a href="http://sanami276.livejournal.com/" target="_blank">x</a><a href="http://www.flickr.com/photos/divxplanet/sets/72157605770838961/" target="_blank">x</a></p>
</td>

<td id="tagboard" style="display: none;">
<div class="h1">Tagboard</div>
<p>Tagboard codes here yey! :D</p>
</td>
</tr>
</table>
</body>
</html>

Layout Comments

Showing latest 2 of 2 comments

Test

By heri99 on Dec 11, 2008 1:41 pm

That looks pretty amazing. O_O;
How did you make the banner like that?

By so-sarcastic on Nov 7, 2008 10:17 am

Layout Details

Designer	tuesdaynight
Submitted on	Nov 4, 2008
Page views	11,648
Favorites	7
Comments	2
Reviewer	schizo
Approved on	Nov 4, 2008

TN: L05 My best friend's girl.

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates