The food of the gods

Hello! This is what this design will look like. This was made for the Template Challenge, I made up the challenge this month, it was "Chocolate" - one of my favourite things! Because I won last month, I can't enter this month... but I like my challenge, so I made this anyway! Hopefully this template will remind you of the sweet substance itself.

This will look best if you have long entries, so if your entries are usually only one or two lines long, this isn't the template for you. You will need to change the USERNAME bits to your username, and the %%PREV%%, %%NEXT%% and %%BUDDYLIST%% to lowercase; you will also need to delete any links that you don't have (e.g. random, cast, pictures).

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>Theobroma Cacao, the food of the gods</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg1.gif) #50301B;}
   .choc{
    position:absolute;
    top:30px;
    left:77px;
    width:631px;
    height:146px;
    padding:0px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-top.jpg);
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:0px;
    left:75px;
    width:635px;
    padding:190px 10px 15px 150px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#BDA988;
    background:#50301B;
    border-left:2px solid #32190A;
    border-right:2px solid #32190A;
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:176px;
    left:77px;
    width:120px;
    padding:14px 0px 15px 12px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#7C5A41;
    background:#50301B;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#664831;
    text-decoration:none;}
   a:visited{
    color:#664831;
    text-decoration:none;}
   a:hover{
    color:#32190A;
    text-decoration:underline;}
   a:active{
    color:#BDA988;
    text-decoration:underline;}
   b,i,u,strong,em{
    color:#32190A;}
   hr{
    color:#412412;
    height:2px;
    text-align:right;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#BDA988;
    border:1px solid #412412;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg2.gif) #664831;}
   input,textarea{
    font:11px 'Arial';
    color:#BDA988;
    border:1px solid #412412;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg2.gif) #664831;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;
    color:#664831;}
   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//chocolate-h6.gif);
    border:1px solid #412412;
    color:#BDA988;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:19px;
    letter-spacing:1px;
    text-align:left;
    color:#664831;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:right;
    color:#664831;}
   h5{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:center;
    color:#664831;}
   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//chocolate-h6.gif);
    border:1px solid #412412;
    color:#BDA988;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4>%%date%% at %%time%%</h4>
  </div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="http://pink-design.diaryland.com/back2school.html">forwards</a>
    <br />
   <a href="http://pink-design.diaryland.com/jackwill.html">backwards</a>
    <br />
   <a href="index.html">latest entry</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/random.phtml?user=USERNAME">random</a>
    <br /><br />
   <h6>diary</h6>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br />
   <a href="cast.html">cast list</a>
    <br />
   <a href="rings.html">diaryrings</a>
    <br />
   <a href="quizzes.html">quizzes</a>
    <br />
   <a href="reviews.html">reviews</a>
    <br />
   <a href="pictures.html">pictures</a>
    <br />
   <a href="links.html">links/exits</a>
    <br /><br />
   <h6>contact</h6>
   <a href="mailto:USERNAME@diaryland.com">email me</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.squidfingers.com" target="_blank">squidfingers</a>
    <br />
   <a href="http://www.sxc.hu" target="_blank">stock exchange</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <h6>last five</h6>
   %%older_entries%%
    <br /><br />
   <h6>buddies</h6>
   %%BUDDYLIST%%
  </div>
  <div class="choc"></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>Theobroma Cacao, the food of the gods</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg1.gif) #50301B;}
   .choc{
    position:absolute;
    top:30px;
    left:77px;
    width:631px;
    height:146px;
    padding:0px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-top.jpg);
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:0px;
    left:75px;
    width:635px;
    padding:190px 10px 15px 150px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#BDA988;
    background:#50301B;
    border-left:2px solid #32190A;
    border-right:2px solid #32190A;
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:176px;
    left:77px;
    width:120px;
    padding:14px 0px 15px 12px;
    font:11px 'Arial';
    line-height:15px;
    text-align:left;
    color:#7C5A41;
    background:#50301B;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#664831;
    text-decoration:none;}
   a:visited{
    color:#664831;
    text-decoration:none;}
   a:hover{
    color:#32190A;
    text-decoration:underline;}
   a:active{
    color:#BDA988;
    text-decoration:underline;}
   b,i,u,strong,em{
    color:#32190A;}
   hr{
    color:#412412;
    height:2px;
    text-align:right;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#BDA988;
    border:1px solid #412412;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg2.gif) #664831;}
   input,textarea{
    font:11px 'Arial';
    color:#BDA988;
    border:1px solid #412412;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//chocolate-bg2.gif) #664831;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;
    color:#664831;}
   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//chocolate-h6.gif);
    border:1px solid #412412;
    color:#BDA988;}
   h3{
    margin:10px 0px 10px 0px;
    font-size:15px;
    font-weight:bold;
    line-height:19px;
    letter-spacing:1px;
    text-align:left;
    color:#664831;}
   h4{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:right;
    color:#664831;}
   h5{
    margin:10px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-align:center;
    color:#664831;}
   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//chocolate-h6.gif);
    border:1px solid #412412;
    color:#BDA988;}
  </style>
 </head>
 <body>
  <div class="entry">
   <h1>Archives</h1>
    %%older_entries%%
  </div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="index.html">latest entry</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/random.phtml?user=USERNAME">random</a>
    <br /><br />
   <h6>diary</h6>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">about me</a>
    <br />
   <a href="cast.html">cast list</a>
    <br />
   <a href="rings.html">diaryrings</a>
    <br />
   <a href="quizzes.html">quizzes</a>
    <br />
   <a href="reviews.html">reviews</a>
    <br />
   <a href="pictures.html">pictures</a>
    <br />
   <a href="links.html">links/exits</a>
    <br /><br />
   <h6>contact</h6>
   <a href="mailto:USERNAME@diaryland.com">email me</a>
    <br />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">leave a note</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.squidfingers.com" target="_blank">squidfingers</a>
    <br />
   <a href="http://www.sxc.hu" target="_blank">stock exchange</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">pink design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">diaryland</a>
    <br /><br />
   <h6>buddies</h6>
   %%BUDDYLIST%%
  </div>
  <div class="choc"></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.

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.

Vivamus aliquam libero sit amet lectus. Quisque interdum pretium libero. Sed felis nulla, cursus ut, ultricies non, adipiscing sed, dui. Sed placerat nisl vestibulum neque. Nunc vestibulum. Etiam pede nibh, lobortis ut, molestie fermentum, interdum ut, erat. Aenean eget dui et nulla facilisis tristique. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Nullam tortor magna, commodo quis, tincidunt nec, vestibulum in, tellus. Quisque imperdiet, dolor ac commodo feugiat, turpis ipsum dignissim velit, ut vestibulum pede orci ac leo. Vestibulum vel orci. Aliquam consequat velit in odio. Maecenas nulla quam, dictum at, tempus vitae, malesuada non, est. Maecenas magna diam, euismod quis, commodo ac, elementum vitae, orci.

The food of the gods

08 September 2004 at 4:26 am

navigate

diary

contact

credit

last five

buddies