Underwater, You And Me

Designer's Comments

Look carefully for specific instructions

* This was inspired on Underwater(You And Me) by Clap Your Hands And Say Yeah.

* That boy in orange pants was suposed to be a girl.

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

<HTML>
 <HEAD>
 <TITLE>Underwater, You And Me</TITLE>
 
<style type="text/css">
#navbar-iframe {
display: none;
 }
 
 body {
 color:#1A3963; 
 text-align : justify; 
 font-size: 11px; 
 font-family:arial;
 line-height:7pt; 
 background:#fff;    
 
 margin:0px;
 
 scrollbar-face-color:#fe500b;
 scrollbar-highlight-color:#fff; 
 scrollbar-shadow-color:#fff; 
 scrollbar-3dlight-color:#fff; 
 scrollbar-arrow-color:#fff;
 scrollbar-track-color:#fff; 
 scrollbar-darkshadow-color:#fff;
 }  
 
 div#content {
 position:absolute; 
 top: 530px; 
 left: 10px; 
 width: 500px;}   
 
 div#side {
 position:absolute; 
 top: 300px; 
 left: 554px; 
 width: 230px;}

p {
 margin-top: 0;
 margin-bottom: 1em;
 }
 
 .side1 { 
 color : #474747;
 margin: 0px;
 padding: 4px;
 font-size : 8pt;
 font-family : arial;
 text-align : justify;
 background : transparent;
 line-height: 8pt;}
 
 blockquote {
           padding:0px;
           font-size : 7.5pt;
           font-weight : normal;
           line-height : 7pt;
           text-align: justify;
           color : #474747;
       }
 
 
 a {
 color:#aeff21;
 text-decoration: none;
 letter-spacing: 2px;}

a:hover   {   
 color:#ef38e7;  
 text-decoration: underline;
 cursor:se-resize;
 letter-spacing: 2px;} 
 
 
 .h1 {
    color:#ff005a;
    text-align:left;
    background-color:transparent;
    font-size:15pt;
    line-height:20px;
    letter-spacing: 0px;
    font-family:tahoma;
    text-transform:lowercase;}

.h2 {

background:transparent;
   color:#fe570e;
   font-size:20pt;
   font-family:arial;
   letter-spacing:-1px;
   line-height:18px;
   text-transform:lowercase;}

.h3{
    color:#000000;
    text-align:center;
    background-color:transparent;
    font-size:9pt;
    line-height:18px;
    letter-spacing: 2px;
    font-family:verdana;
    border-bottom: 1px #ffffff solid;
    text-transform:lowercase;
    text-align:left;}

b, strong {
 color: #fe500b;cursor:help}
 
 i, em {
 color: #fc4151;
 font-family: georgia;}
 
 u {
 color: #fc4151;
 text-decoration: underline;}

::-moz-selection{color: #000000; background:#ef38e7;}

</style>
 
 </HEAD>

</BODY>
 
 <div id="side" style="position: absolute; top: 300; left: 554;">
 
 <div class="side1">
 <div class="h1">Welcome</div>
 <div align="justify">

Well-designed and clever disguise<br>
We'll retreat to the bottom of the sea<br>
We were destined to live out our lives<br>
Underwater, you and me

</div></div>
 <br>
 
 <div class="side1">
 <div class="h1">Profile</div>
 <div align="justify">
write about yourself here
 </div></div>
 <br>
 
 <div class="side1">
 <div class="h1">Exits</div>
 <div align="justify">
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 <a href="" target="_blank">Link Here</a><br>
 
 </div></div>
 <br>
 
 <div class="side1">
 <div class="h1">Archives</div>
 <div align="justify">
       <BloggerArchives>
      <center><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><br></center>
    </BloggerArchives>
 </div></div>
 <br>
 
 <div class="side1">
 <div class="h1">credits</div>
 <a href="http://guiltyjohnson.blogspot.com/">infra</a><a href="http://infravermelho.createblog.com/">vermelho</a>
<br>

</div></div></div></div>
 
 
 
 <div id="content" style="position: absolute; top: 530; left: 10;">
 
 <Blogger> 
    <div class="h2"><$BlogItemTitle$></div>
    <div class="h3"> 
    <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> <$BlogItemDateTime$></div>    
   <div class="side1">
    <$BlogItemBody$>
 </div><br>
 </Blogger>
 
 </BODY>
 </HTML>

Layout Comments

Showing latest 10 of 14 comments

Again, i love it:)

By Butterface89 on Sep 5, 2010 3:21 am

is it possible to put a comment feature for the entries?

By jgrace on Oct 6, 2009 11:56 am

love the colours :]

By impurities on Aug 18, 2009 2:39 pm

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 "IMG" must be terminated by the matching end-tag "".

that's what it says when I try to use it. i'm a noob, what am i supposed to do?

By turnupthevolume on Aug 15, 2009 6:50 pm