Aquamarine

Blogger Layouts / Classic

Designer's Comments

Look carefully for specific instructions

Thanks so much for taking a look!
There's more over at http://wickedful.co.nr
Please do no remove credits on 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

<html>

<head>

<title>                 AQUAMARINE  ---   </title>

<style>

A:link {color: 06b69e;text-decoration:none; font-weight: bold; background-color:none;}
A:visited {color: 06b69e;text-decoration:none; font-weight: bold; background-color:none;} 
A:active {color: 06b69e;text-decoration:none; font-weight: bold; background-color:none;}
A:hover {color: 000000 ;text-decoration:none;  font-weight: bold; background:c8dcd9; text-transform: uppercase;}

BODY {
scrollbar-face-color: 000000;
scrollbar-highlight-color: 6cc4b8;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-arrow-color: 6cc4b8;
scrollbar-track-color: 000000;
background-color: ffffff;
font-family: Tahoma;
font-size: 11px;

cursor: nw-resize;
text-align:left;
color: #E0E0E0;
background: #ffffff url() repeat-y; }

td
{ 
font-family: Tahoma;
font-size: 11px;
color: #E0E0E0; }

blockquote
{ 
font-family: Tahoma; 
text-decoration: none; 
font-size: 11px; 
color: #B64343; 
border-style: solid;
border-color: #6cc4b8; 
padding: 6px; 
border-top-width: 0px; 
border-left:10px solid #6cc4b8;
border-right:10px solid #6cc4b8; 
border-bottom-width: 0px;
 }

}
textarea, input, select {
background: #000000;   
font-family : Tahoma; 
color: #6cc4b8;   
border-style: solid; 
border-top-width: 1px solid #6cc4b8; 
border-left-width: 1px solid #6cc4b8;
border-right-width: 1px solid #6cc4b8;
border-bottom-width: 1px solid #6cc4b8;
}

.BLOGTITLE{
font-family:palatino linotype;
font-size: 18px; 
font-weight: bold;
letter-spacing:3px;
color:#21e6db;
border-left:15px solid #21e6db; 
border-right:0px solid #E5891D; 
padding-left:0px;
margin-top:0px;
line-height:50%;
text-align: right;
text-transform: uppercase;}

.DATE{
font-family:palatino linotype;
font-size: 12px; 
font-weight: bold;
letter-spacing:3px;
color:#12bdb4;
border-left:15px solid #12bdb4; 
border-right:0px solid #DFCF65;
padding-left:0px;
margin-top:0px;
line-height:50%;
text-align: right;
text-transform: lowercase;}

.HEADER{
font-family:palatino linotype;
font-size: 20px; 
font-weight: bold;
letter-spacing:3px;
color:#21e6db;
border-left:10px solid #ffffff; 
padding-left:0px;
margin-top:0px;
line-height:50%;
text-align: left;
text-transform: uppercase;}

.SITENAME{
font-family:palatino linotype;
font-size: 45px; 
font-weight: bold;
letter-spacing:6px;
color:#21e6db;
border-left:0px solid #21e6db; 
padding-left:0px;
margin-top:20px;
line-height:0%;
text-align: left;
text-transform: lowercase;}

.MAINHEADER{
font-family:palatino linotype;
font-size: 16px; 
font-weight: bold;
letter-spacing:3px;
color:#AEDCED;
border-left:0px solid #AEDCED; 
padding-left:0px;
margin-top:0px;
line-height:50%;
text-align: center;
text-transform: uppercase;}

b, strong, bold {color: #82fada; font-family: Tahoma; font-size: 10px; letter-spacing: 1px; }
u, underline  {color:#82fada; font-family: Tahoma; font-size: 10px; }
i, em {color: #82fada; font-family: Tahoma; font-size: 11px; }
</div>
</style>

</head>

<IMG SRC="http://cbimg6.com/layouts/09/06/34799aa.jpg" BORDER=0 ALT="" USEMAP="#aquamarineskin_Map">
<MAP NAME="aquamarineskin_Map">
<AREA SHAPE="rect" ALT="BLOG" COORDS="428,460,485,480" onClick="document.getElementById('main').innerHTML=document.getElementById('blog').innerHTML">
<AREA SHAPE="rect" ALT="ABOUT ME/SITE" COORDS="485,460,540,480" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML">
<AREA SHAPE="rect" ALT="EXITS" COORDS="540,460,585,480" onClick="document.getElementById('main').innerHTML=document.getElementById('exits').innerHTML">
<AREA SHAPE="rect" ALT="ARCHIVES" COORDS="585,460,650,480" onClick="document.getElementById('main').innerHTML=document.getElementById('archives').innerHTML">
<AREA SHAPE="rect" ALT="OTHER" COORDS="652,460,695,480" onClick="document.getElementById('main').innerHTML=document.getElementById('misc').innerHTML">
</MAP>

</div>

YOURNAME. B L O G S P O T . C O M<BR><BR>
</div>
<BR> <BR>

Welcome to my blog.<BR>
Just click on the navigation on the bottom right<BR>
to browse around.<BR><BR>

</center>
</div>
</div>

<div id="about" style="display: none;">
<BR><BR>
<div class="HEADER">ABOUT ME</div>

<B>NAME</b><BR>
<B>AGE</b><BR>
<B>LIKES</b><BR>
<B>DISLIKES</b><BR><BR>

<div class="HEADER">ABOUT SITE</div>

<B>LAYOUT NAME</b> - Aquamarine<BR>
<B>LAYOUT CREDIT</b> - <a href="http://wickedful.co.nr" target=_blank>Wickedful</a><BR>
<B>LAYOUT MADE WITH</b> - Photoshop CS4, ImageReady, Notepad

<div id="exits" style="display: none;">
     <BR><BR>      
<div class="HEADER">LINKS OUT</div>
<a href="http://" target=_blank>Link</a><BR> 
<a href="http://" target=_blank>Link</a><BR> 
<a href="http://" target=_blank>Link</a><BR> 
<a href="http://" target=_blank>Link</a><BR> 
<a href="http://" target=_blank>Link</a><BR> 
<a href="http://" target=_blank>Link</a><BR> 
     </div>

<div id="archives" style="display: none;">
<BR><BR>
<div class="HEADER">PREVIOUS POSTS</div>

<div class="HEADER">MONTHLY ARCHIVE</div>

<MainOrArchivePage>
 <BloggerArchives>
     <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a><BR>
   </BloggerArchives>
      <ArchivePage><a href="<$BlogURL$>">Current Posts</a><BR><BR></ArchivePage>
 
  </MainOrArchivePage> <BR><BR>

</div>

<div id="MISC" style="display: none;">
   <BR><BR>    
<div class="HEADER">TAGBOARD</div>

Possibly your tagboard here ...

<div id="blog" style="display: none;">
           
<Blogger>
 <BlogItemTitle>
     <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>

<BlogDateHeader>
   <DIV CLASS="DATE"><$BlogDateHeaderDate$></div>
  </BlogDateHeader> 
<HR SIZE=1px COLOR="FFFFFF">
 <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>

<p align="right"><MainOrArchivePage><BlogItemCommentsEnabled>
        .. <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> ..
      </BlogItemCommentsEnabled></MainOrArchivePage></align>

<div class="post"><a name="<$BlogItemNumber$>"></a>
     
  
  <p>   
    <$BlogItemBody$>

</p>

</div>
  
  
  
  
  
 <ItemPage>

<BlogItemCommentsEnabled><a name="comments"></a>
    
    <h4><$BlogItemCommentCount$> Comments:</h4>
    
    <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-data" id="c000000045"><a name="c<$BlogCommentNumber$>"></a>
        At <a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>,
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
	  <$BlogCommentDeleteIcon$>
      </dd>
     </BlogItemComments>
    </dl>
	
	<p>
    <$BlogItemCreate$>
    </p>
  
  </BlogItemCommentsEnabled>
	
	<p>
	<a href="<$BlogURL$>"><< Home</a>
    </p>
    </div>

</ItemPage>

</Blogger>

</div>
</body>
</html>