Merry Christmas from Sylvester & Tweety!

Tweety and Sylvester
20 May 2004 at 9:01 pm

Hello! This is what this design will look like. A cute, Christmassy one, inspired by the Sylvester shirt I wore today, and my good ole Sylvester teddy - I'd forgotten how much they rock. 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.

You will need to change the contact and extras URLs, if you are not sure how to do this just email me. (You will need to do the same for the older entries page code).

<!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>Merry Christmas from Sylvester & Tweety!</title>
  <style type="text/css">
   body{
    background-color:#C80712;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#C80712;}
   .tweety{
    position:absolute;
    top:-2;
    left:20%;
    width:60%;
    background-color:#FFFFFF;
    color:#C80712;
    font:11px 'Verdana';
    line-height:15px;
    padding:10px;
    text-align:justify;
    border:2px #000000 solid;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font:13px;
    font-weight:bold;}
   .small{
    font:10px;}
   input,textarea{
    font:10px 'Verdana';
    color:#FFFFFF;
    background-color:#C80712;
    border:1px solid #000000;}
   a:link{
    color:#000000;
    text-decoration:none;}
   a:visited{
    color:#000000;
    text-decoration:none;}
   a:hover{
    color:#C80712;
    text-decoration:none;
    border-bottom:1px solid #000000;}
   a:active{
    color:#C80712;
    text-decoration:none;
    border-bottom:1px solid #000000;}
  </style>
 </head>
 <body>
  <div class="tweety">
   <center>
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//syl-tweet1.gif" alt="" />
   </center>
    <br />
   <font class="title">
    %%short_description%%
   </font>
    <br />
   <font class="small">
    %%date%% at %%time%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </b>
    <br />
   <font class="small">
    <a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a>
   </font>
  </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>Merry Christmas from Sylvester & Tweety!</title>
  <style type="text/css">
   body{
    background-color:#C80712;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#000000;
    scrollbar-darkshadow-color:#000000;
    scrollbar-track-color:#C80712;}
   .tweety{
    position:absolute;
    top:-2;
    left:20%;
    width:60%;
    background-color:#FFFFFF;
    color:#C80712;
    font:11px 'Verdana';
    line-height:15px;
    padding:10px;
    text-align:justify;
    border:2px #000000 solid;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .title{
    font:13px;
    font-weight:bold;}
   .small{
    font:10px;}
   input,textarea{
    font:10px 'Verdana';
    color:#FFFFFF;
    background-color:#C80712;
    border:1px solid #000000;}
   a:link{
    color:#000000;
    text-decoration:none;}
   a:visited{
    color:#000000;
    text-decoration:none;}
   a:hover{
    color:#C80712;
    text-decoration:none;
    border-bottom:1px solid #000000;}
   a:active{
    color:#C80712;
    text-decoration:none;
    border-bottom:1px solid #000000;}
  </style>
 </head>
 <body>
  <div class="tweety">
   <center>
    <img src="http://www.sitefights.com/community/aboutme/pinkfreak//syl-tweet1.gif" alt="" />
   </center>
    <br />
   <font class="title">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
    <br /><br />
   <font class="small">
    <a href="index.html">newest</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a>
   </font>
  </div>
 </body>
</html>

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

Watch this space for a matching guestbook design :)
If you need any help or anything doesn't work for you, just email me and I'll do my best to help out.

last & next
updates templates about links email notes design host