I am making it happen

8 December 2004 at 0:55am

Hello! This is what this design will look like. Well, for the first design in 9 weeks, it had to be Exploding Dog. It's green! And it has a goldfish! I like this lots and lots. You need to have long entries for it to look best, but it works fine with short ones too. 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>I AM MAKING IT HAPPEN</title>
  <style type="text/css">
   body{
    background:#C8D500 url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-top.gif) top center no-repeat;}
   .container{
    position:absolute;
    top:180px;
    left:50%;
    margin-left:-300px;
    width:600px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:left;
    width:400px;
    padding:10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#4B4C34;
    background:#FFFFFF;
    border:1px solid #4B4C34;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .right{
    position:relative;
    float:right;
    width:150px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .fish{
    position:relative;
    width:127px;
    height:124px;
    margin-bottom:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-fish.gif) no-repeat;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .links{
    position:relative;
    width:130px;
    padding:10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#4B4C34;
    background:#FFFFFF;
    border:1px solid #4B4C34;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .man{
    position:relative;
    width:133px;
    height:204px;
    margin-top:30px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-man.gif) no-repeat;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .bottom{
    position:relative;
    float:bottom;
    width:500px;
    height:50px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#ED7000;
    text-decoration:none;}
   a:visited{
    color:#ED7000;
    text-decoration:none;}
   a:hover{
    color:#8FB80A;
    text-decoration:underline;}
   a:active{
    color:#8FB80A;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#262900;}
   h1,h2,h3,h4,h5,h6{
    margin:0px 0px 5px 0px;
    color:#262900;
    font-weight:bold;
    text-align:left;}
   h1{
    font-size:18px;}
   h2{
    font-size:12px;
    margin:0px 0px 10px 0px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:14px;}
   h4{
    font-size:16px;
    text-align:right;}
   h5{
    font-size:12px;
    text-align:right;}
   h6{
    font-size:11px;
    text-align:right;
    text-transform:uppercase;}
   hr{
    height:1px;
    color:#4B4C34;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#898B66;
    background:#E6EC8A;
    border:1px solid #B5968F;}
   input,textarea{
    font:11px 'Arial';
    color:#898B66;
    background:#E6EC8A;
    border:1px solid #B5968F;}
  </style>
 </head>
 <body>
  <div class="container">
  <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 class="right">
  <div class="fish">
  </div>
  <div class="links">
   <h6>navigate</h6>
   <a href="%%NEXT%%">forwards</a>
    <br />
   <a href="%%PREV%%">backwards</a>
    <br />
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br /><br />
   <h6>contact</h6>
   <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 />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">email me</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.explodingdog.com" target="_blank">exploding dog</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>
  </div>
  <div class="man">
  </div>
  <div class="links">
   <h6>about me</h6>
   write about yourself here, e.g. your name, age, gender, likes, dislikes, etc.
    <br />
   remember not to give out any personal information such as your full name, address or phone number.
  </div>
  </div>
  <div class="bottom">
  </div>
  </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>I AM MAKING IT HAPPEN</title>
  <style type="text/css">
   body{
    background:#C8D500 url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-top.gif) top center no-repeat;}
   .container{
    position:absolute;
    top:180px;
    left:50%;
    margin-left:-300px;
    width:600px;
    padding:10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    float:left;
    width:400px;
    padding:10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#4B4C34;
    background:#FFFFFF;
    border:1px solid #4B4C34;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .right{
    position:relative;
    float:right;
    width:150px;
    text-align:right;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .fish{
    position:relative;
    width:127px;
    height:124px;
    margin-bottom:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-fish.gif) no-repeat;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .links{
    position:relative;
    width:130px;
    padding:10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:right;
    color:#4B4C34;
    background:#FFFFFF;
    border:1px solid #4B4C34;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .man{
    position:relative;
    width:133px;
    height:204px;
    margin-top:30px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//makingit-man.gif) no-repeat;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .bottom{
    position:relative;
    float:bottom;
    width:500px;
    height:50px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#ED7000;
    text-decoration:none;}
   a:visited{
    color:#ED7000;
    text-decoration:none;}
   a:hover{
    color:#8FB80A;
    text-decoration:underline;}
   a:active{
    color:#8FB80A;
    text-decoration:none;}
   b,i,u,strong,em{
    color:#262900;}
   h1,h2,h3,h4,h5,h6{
    margin:0px 0px 5px 0px;
    color:#262900;
    font-weight:bold;
    text-align:left;}
   h1{
    font-size:18px;}
   h2{
    font-size:12px;
    margin:0px 0px 10px 0px;
    text-transform:uppercase;}
   h3{
    margin:10px 0px 0px 0px;
    font-size:14px;}
   h4{
    font-size:16px;
    text-align:right;}
   h5{
    font-size:12px;
    text-align:right;}
   h6{
    font-size:11px;
    text-align:right;
    text-transform:uppercase;}
   hr{
    height:1px;
    color:#4B4C34;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#898B66;
    background:#E6EC8A;
    border:1px solid #B5968F;}
   input,textarea{
    font:11px 'Arial';
    color:#898B66;
    background:#E6EC8A;
    border:1px solid #B5968F;}
  </style>
 </head>
 <body>
  <div class="container">
  <div class="entry">
   <h1>Archives</h1>
    <br />
   %%older_entries%%
  </div>
  <div class="right">
  <div class="fish">
  </div>
  <div class="links">
   <h6>navigate</h6>
   <a href="index.html">newest entry</a>
    <br />
   <a href="older.html">archives</a>
    <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
    <br /><br />
   <h6>contact</h6>
   <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 />
   <a href="mailto:USERNAME@NOSPAMdiaryland.com">email me</a>
    <br /><br />
   <h6>credit</h6>
   <a href="http://www.explodingdog.com" target="_blank">exploding dog</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>
  </div>
  <div class="man">
  </div>
  <div class="links">
   <h6>about me</h6>
   write about yourself here, e.g. your name, age, gender, likes, dislikes, etc.
    <br />
   remember not to give out any personal information such as your full name, address or phone number.
  </div>
  </div>
  <div class="bottom">
  </div>
  </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.

I am making it happen

8 December 2004 at 0:55am

last & next

navigate

contact

credit

about me