Jack and Will

Hello! This is what this design will look like. Yay, it's the Pirates of the Caribbean! I hope number 2 and 3 are just as good, although I'm sure they will be, with Ted Elliot and Terry Rossio writing... I just love their work. Think Shrek. Long entries look best in this template! You will need to change the USERNAME bits to your username, and the %%PREV%%, %%NEXT%% and %%BUDDYLIST%% 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>Jack and Will</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif) #7D95C1;}
   .jack{
    position:absolute;
    top:0px;
    left:90px;
    width:600px;
    margin:0px;
    padding:10px 10px 360px 10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#1B1826;
    border:2px solid #1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jackwill.jpg) no-repeat bottom left #FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:right;
    width:440px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#1B1826;}
   .nav{
    position:relative;
    float:left;
    width:118px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#1B1826;}
   a:link{
    color:#8B4432;
    text-decoration:none;}
   a:visited{
    color:#8B4432;
    text-decoration:none;}
   a:hover{
    color:#485776;
    text-decoration:underline;}
   a:active{
    color:#735243;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#8B4432;}
   hr{
    color:#1B1826;
    height:1px;}
   blockquote{
    margin:20px 0px 20px 20px;
    padding:10px;
    color:#1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;}
   input,textarea{
    font:11px 'Arial';
    color:#1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;
    color:#485776;}
   h2{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 5px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;
    color:#1B1826;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:19px;
    letter-spacing:1px;
    text-align:left;
    color:#485776;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:right;
    color:#485776;}
   h5{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:center;
    color:#485776;}
   h6{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 5px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:left;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;
    color:#1B1826;}
  </style>
 </head>
 <body>
  <center>
  <div class="jack">
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4>%%date%% at %%time%%</h4>
  </div>
  <div class="nav">
   <h6>black pearl</h6>
   <a href="%%NEXT%%">go forrard!</a>
    <br />
   <a href="%%PREV%%">go back'ard!</a>
    <br />
   <a href="index.html">me latest tale</a>
    <br />
   <a href="older.html">barnacle-covered</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">this ol' seadog</a>
    <br />
   <a href="cast.html">ship's hands</a>
    <br />
   <a href="links.html">weigh anchor</a>
    <br /><br />
   <h6>ahoy!</h6>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">message in a bottle</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">shiver me timbers</a>
    <br />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">send me a parrot</a>
    <br /><br />
   <h6>shipmakers</h6>
   <a href="http://www.piratesofthecaribbeanmovie.com" target="_blank">buccaneers</a>
    <br />
   <a href="http://www.squidfingers.com" target="_blank">squidfingers</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">me proud beauty</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diarrrryland</a>
    <br /><br />
   <h6>voyages</h6>
   %%older_entries%%
    <br /><br />
   <h6>me hearties!</h6>
   %%BUDDYLIST%%
  </div>
  </div>
  </center>
 </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>Jack and Will</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif) #7D95C1;}
   .jack{
    position:absolute;
    top:0px;
    left:90px;
    width:600px;
    margin:0px;
    padding:10px 10px 360px 10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#1B1826;
    border:2px solid #1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jackwill.jpg) no-repeat bottom left #FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:right;
    width:440px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#1B1826;}
   .nav{
    position:relative;
    float:left;
    width:118px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#1B1826;}
   a:link{
    color:#8B4432;
    text-decoration:none;}
   a:visited{
    color:#8B4432;
    text-decoration:none;}
   a:hover{
    color:#485776;
    text-decoration:underline;}
   a:active{
    color:#735243;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#8B4432;}
   hr{
    color:#1B1826;
    height:1px;}
   blockquote{
    margin:20px 0px 20px 20px;
    padding:10px;
    color:#1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;}
   input,textarea{
    font:11px 'Arial';
    color:#1B1826;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;
    color:#485776;}
   h2{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 5px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;
    color:#1B1826;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:19px;
    letter-spacing:1px;
    text-align:left;
    color:#485776;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:right;
    color:#485776;}
   h5{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:center;
    color:#485776;}
   h6{
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 5px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:left;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//jwbg.gif);
    border:1px solid #1B1826;
    color:#1B1826;}
  </style>
 </head>
 <body>
  <center>
  <div class="jack">
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <h6>black pearl</h6>
   <a href="index.html">me latest tale</a>
    <br />
   <a href="older.html">barnacle-covered</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">this ol' seadog</a>
    <br />
   <a href="cast.html">ship's hands</a>
    <br />
   <a href="links.html">weigh anchor</a>
    <br /><br />
   <h6>ahoy!</h6>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">message in a bottle</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">shiver me timbers</a>
    <br />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">send me a parrot</a>
    <br /><br />
   <h6>shipmakers</h6>
   <a href="http://www.piratesofthecaribbeanmovie.com" target="_blank">buccaneers</a>
    <br />
   <a href="http://www.squidfingers.com" target="_blank">squidfingers</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">me proud beauty</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diarrrryland</a>
    <br /><br />
   <h6>me hearties!</h6>
   %%BUDDYLIST%%
  </div>
  </div>
  </center>
 </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.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc vitae orci eget risus luctus fermentum. Sed metus. Nullam convallis odio sit amet justo. Etiam pellentesque. Donec iaculis hendrerit justo. Donec at wisi sed nibh facilisis cursus. Nullam non felis in nulla vulputate aliquam. Pellentesque porta laoreet felis. Vivamus justo nisl, cursus eu, eleifend quis, placerat ut, tortor. Curabitur tristique. Proin eu ligula. Praesent sapien nulla, pulvinar non, dictum sit amet, rutrum ac, enim. Mauris a neque eu nisl ultricies dapibus. Aenean nibh magna, venenatis ac, dapibus at, viverra a, dui.

Pellentesque suscipit pretium mauris. Etiam eget felis. Quisque fermentum. Mauris malesuada odio. Praesent felis. Nam dui risus, convallis sit amet, venenatis non, vulputate sed, velit. Curabitur vel arcu vel magna aliquam pellentesque. Donec eget augue quis velit venenatis porta. Cras justo magna, dapibus nec, euismod id, volutpat vitae, nibh. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque aliquam interdum est. Nullam porta lacus id turpis. Vestibulum auctor. Proin malesuada magna non neque. Quisque lacinia wisi nec magna.

10 September 2004 at 2:02 pm