TN: L02 Fashionista.

Designer's Comments

Look carefully for specific instructions

Was just trying out after reading the tutorials. Reused the codes for the previous layout that I've submitted, but rest assure there are actually some of the codes that I've changed. :)

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>The girls kind of thing.</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: #F8F8F8;
width: 50%;
margin-top: 2px;
padding: 2px;
}

A:hover.hov {
background-color: #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: #F3F3F3;
}

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 #F5F5F5;
}

.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: #F5F5F5;
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="510" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="20%" style="background-color: none; padding-right: 10px; 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="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">tuesdaynight</a><br>
Resources: <a href="http://community.livejournal.com/modelcouture/926837.html#cutid1" target="_blank">I</a> <a href="http://www.dafont.com/" target="_blank">II</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 6 of 6 comments

help pls ?

By abbamma951 on Nov 18, 2008 3:33 am

idk y but i was unable to change my template .

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "style" must be terminated by the matching end-tag "".

By abbamma951 on Nov 18, 2008 3:33 am