Fly me to the moon

18 July 2004 at 10:54 am

Hello! This is what this design will look like. I downloaded about a zillion more fonts tonight, including lots of fun dingbats. The rocket comes from the font "Atman dings". A very fun design, very simple and bright. You will need to change the USERNAME bits to your username, and the %%PREV%% and %%NEXT%% to lowercase.

To get the code for this entry, simply copy and paste the code below into your change my template area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>3... 2... 1... Blast Off!</title>
  <style type="text/css">
   body{
    background-color:#0C143C;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//rocketbg.gif);}
   .entry{
    position:absolute;
    top:220px;
    left:345px;
    width:500px;
    height:178px;
    overflow:auto;
    padding:15px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#000000;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FCFF00;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#FCFF00;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#FCFF00;
    scrollbar-track-color:#2942CB;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .rocket{
    position:absolute;
    top:170px;
    left:80px;
    width:263px;
    height:264px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .rocketbox{
    position:absolute;
    top:70px;
    left:336px;
    width:643px;
    height:411px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#FCFF00;
    text-decoration:none;}
   a:visited{
    color:#FCFF00;
    text-decoration:none;}
   a:hover{
    color:#960000;
    text-decoration:none;
    font-weight:bold;}
   a:active{
    color:#960000;
    text-decoration:none;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#000000;
    background-color:#960000;
    border:4px solid #000000;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#000000;
    background-color:#960000;
    border:4px solid #000000;}
   b,i,u,strong,em{
    color:#0C143C;}
   h1{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:21px;
    text-align:right;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;}
   h5{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:center;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:center;}
  </style>
 </head>
 <body>
  <div class="rocket">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak2//rocket.gif" alt="rocket" />
  </div>
  <div class="rocketbox">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak2//rocketbox.gif" alt="rocket" usemap="#rocketbox" style="border-style:none" />
  </div>
  <div class="entry">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
    %%entry%%
   <h3><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h3>
  </div>
<div>
<map id="rocketbox" name="rocketbox">
<area shape="rect"#newest
 coords="34,345,89,362" href="index.html" title="newest" />
<area shape="rect"#archives
 coords="98,340,142,362" href="older.html" title="archives" />
<area shape="rect"#profile
 coords="149,340,244,366" href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" title="profile" />
<area shape="rect"#notes
 coords="255,344,324,361" href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME" title="notes" />
<area shape="rect"#design
 coords="336,339,417,367" href="http://pink-design.diaryland.com" title="design" target="_blank" />
<area shape="rect"#host
 coords="430,341,487,361" href="http://www.diaryland.com" title="host" target="_blank" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
 </body>
</html>

To make your older entries page match, paste this code into your change your archive page area.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
 <head><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <title>3... 2... 1... Blast Off!</title>
  <style type="text/css">
   body{
    background-color:#0C143C;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//rocketbg.gif);}
   .entry{
    position:absolute;
    top:220px;
    left:345px;
    width:500px;
    height:178px;
    overflow:auto;
    padding:15px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#000000;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FCFF00;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#FCFF00;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#FCFF00;
    scrollbar-track-color:#2942CB;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .rocket{
    position:absolute;
    top:170px;
    left:80px;
    width:263px;
    height:264px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .rocketbox{
    position:absolute;
    top:70px;
    left:336px;
    width:643px;
    height:411px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#FCFF00;
    text-decoration:none;}
   a:visited{
    color:#FCFF00;
    text-decoration:none;}
   a:hover{
    color:#960000;
    text-decoration:none;
    font-weight:bold;}
   a:active{
    color:#960000;
    text-decoration:none;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#000000;
    background-color:#960000;
    border:4px solid #000000;}
   input,textarea{
    font:12px 'Trebuchet MS';
    color:#000000;
    background-color:#960000;
    border:4px solid #000000;}
   b,i,u,strong,em{
    color:#0C143C;}
   h1{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:21px;
    text-align:right;}
   h4{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:right;}
   h5{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    text-align:center;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:center;}
  </style>
 </head>
 <body>
  <div class="rocket">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak2//rocket.gif" alt="rocket" />
  </div>
  <div class="rocketbox">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak2//rocketbox.gif" alt="rocket" usemap="#rocketbox" style="border-style:none" />
  </div>
  <div class="entry">
   <h1>Archives</h1>
     <br />
    %%older_entries%%
  </div>
<div>
<map id="rocketbox" name="rocketbox">
<area shape="rect"#newest
 coords="34,345,89,362" href="index.html" title="newest" />
<area shape="rect"#archives
 coords="98,340,142,362" href="older.html" title="archives" />
<area shape="rect"#profile
 coords="149,340,244,366" href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" title="profile" />
<area shape="rect"#notes
 coords="255,344,324,361" href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME" title="notes" />
<area shape="rect"#design
 coords="336,339,417,367" href="http://pink-design.diaryland.com" title="design" target="_blank" />
<area shape="rect"#host
 coords="430,341,487,361" href="http://www.diaryland.com" title="host" target="_blank" />
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
 </body>
</html>

And paste this code into your change how each page on your older.html page looks area.

If you need any help or anything doesn't work for you, check out the FAQ/Help page or just email me and I'll do my best to help out.

Fly me to the moon

18 July 2004 at 10:54 am

last & next