the sky is the limit

The Sky is the Limit

Hello! This is what this design will look like. It uses a picture from the amazing Exploding Dog. It will look slightly better in 800x600 or if you don't have your window open full screen! Still faberoony in 1024x768 though ;) You 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>the sky is the limit</title>
  <style type="text/css">
   body{
    background-color:#FFFFFF;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sky1.gif);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#B6DDEA;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;}
   .sky{
    position:absolute;
    top:200;
    left:20;
    width:445;
    padding:10px;
    font:11px 'Verdana';
    color:#000000;
    line-height:18px;
    text-align:left;}
   .nav{
    position:absolute;
    top:70;
    left:495;
    width:120;
    padding:10px;
    font:11px 'Verdana';
    color:#000000;
    line-height:18px;
    text-align:center;}
   input,textarea{
    font:10px 'Verdana';
    color:#000000;
    background-color:#B6DDEA;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-face-color:#B6DDEA;
    scrollbar-highlight-color:#B6DDEA;
    scrollbar-shadow-color:#B6DDEA;
    scrollbar-3dlight-color:#B6DDEA;
    scrollbar-darkshadow-color:#B6DDEA;
    scrollbar-track-color:#B6DDEA;
    border:1px solid #616769;}
   a:link{
    color:#819EA8;
    text-decoration:none;}
   a:visited{
    color:#819EA8;
    text-decoration:none;}
   a:hover{
    color:#B6DDEA;
    text-decoration:none;
    font-weight:bold;}
   a:active{
    color:#B6DDEA;
    text-decoration:underline;
    font-weight:bold;}
  </style>
 </head>
 <body>
  <div class="sky">
   <b>%%short_description%%</b>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>%%date%% at %%time%%</b>
  </div>
  <div class="nav">
   <b>
    navigate:
   </b>
    <br />
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <a href="index.html">newest</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="http://www.explodingdog.com" target="_blank">image</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
    <br /><br />
   <b>
    about me:
   </b>
    <br />
   write something about yourself here. e.g. your name, age, etc. maybe your likes, e.g. cheese, goats, toast, pink, and your dislikes, e.g. maggots, monday mornings.
  </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>the sky is the limit</title>
  <style type="text/css">
   body{
    background-color:#FFFFFF;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//sky1.gif);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#B6DDEA;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;}
   .sky{
    position:absolute;
    top:200;
    left:20;
    width:445;
    padding:10px;
    font:11px 'Verdana';
    color:#000000;
    line-height:18px;
    text-align:left;}
   .nav{
    position:absolute;
    top:70;
    left:495;
    width:120;
    padding:10px;
    font:11px 'Verdana';
    color:#000000;
    line-height:18px;
    text-align:center;}
   input,textarea{
    font:10px 'Verdana';
    color:#000000;
    background-color:#B6DDEA;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-face-color:#B6DDEA;
    scrollbar-highlight-color:#B6DDEA;
    scrollbar-shadow-color:#B6DDEA;
    scrollbar-3dlight-color:#B6DDEA;
    scrollbar-darkshadow-color:#B6DDEA;
    scrollbar-track-color:#B6DDEA;
    border:1px solid #616769;}
   a:link{
    color:#819EA8;
    text-decoration:none;}
   a:visited{
    color:#819EA8;
    text-decoration:none;}
   a:hover{
    color:#B6DDEA;
    text-decoration:none;
    font-weight:bold;}
   a:active{
    color:#B6DDEA;
    text-decoration:underline;
    font-weight:bold;}
  </style>
 </head>
 <body>
  <div class="sky">
   <b>Archives</b>
    <br /><br />
   %%older_entries%%
    <br /><br />
   <b>put links to your older1.html, etc. pages here</b>
  </div>
  <div class="nav">
   <b>
    navigate:
   </b>
    <br />
   <a href="index.html">newest</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="http://www.explodingdog.com" target="_blank">image</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
    <br /><br />
   <b>
    about me:
   </b>
    <br />
   write something about yourself here. e.g. your name, age, etc. maybe your likes, e.g. cheese, goats, toast, pink, and your dislikes, e.g. maggots, monday mornings.
  </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, just email me and I'll do my best to help out.

12 April 2004 at 11:27 pm