A Cinderella Story

Hello! This is what this design will look like. I went to see this film (A Cinderella Story) with my good buddy Kate, because we enjoy cheesey films. Sadly enough, we both ended up crying at one point - although that doesn't mean much, I cry at just about every film. I don't like American football too much, which seemed to be a big part of the ending... mainly because the guys are such wimps. They wear armour! Be a real man, play rugby. I was driving through Eton once and saw some poor toff coming off the field with blood pouring down his face... it takes a man to play that game. Or a really butch woman (which will never be me. I value my limbs).

Anyway, this template will need long entries, especially if you have a long buddylist or lots of links. 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 you don't have (e.g. quizzes, 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>A Cinderella Story</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella1.jpg) no-repeat fixed bottom left #78CDD2;}
   .container{
    position:absolute;
    top:0px;
    left:485px;
    width:315px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    width:315px;
    padding:0px 50px 0px 50px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#3F5C3D;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-middle1.jpg) repeat-y #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .top{
    position:relative;
    width:315px;
    height:66px;
    margin-top:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-top1.jpg) #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .bottom{
    position:relative;
    width:315px;
    height:66px;
    margin-bottom:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-bottom1.jpg) #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container2{
    position:absolute;
    top:0px;
    left:794px;
    width:153px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:relative;
    width:120px;
    padding:0px 25px 0px 10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:center;
    color:#FF788F;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-middle1.jpg) top right #CCE182;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navtop{
    position:relative;
    width:120px;
    height:29px;
    margin-top:80px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-top1.jpg) top right #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navbottom{
    position:relative;
    width:120px;
    height:29px;
    margin-bottom:50px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-bottom1.jpg) top right #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav a:link{
    color:#88C87A;}
   .nav a:visited{
    color:#88C87A;}
   .nav a:hover{
    color:#FF788F;
    background-color:#FFBCCF;}
   a:link{
    color:#A7DB91;
    text-decoration:none;}
   a:visited{
    color:#A7DB91;
    text-decoration:none;}
   a:hover{
    color:#88C87A;
    text-decoration:none;
    background-color:#E0EB9F;}
   a:active{
    color:#78CDD2;
    text-decoration:none;
    background-color:#A7DB91;}
   b,i,u,strong,em{
    color:#E0EB9F;}
   hr{
    color:#E0EB9F;
    height:1px;}
   blockquote{
    margin:10px 5px 10px 5px;
    padding:10px;
    color:#3F5C3D;
    background-color:#CCE182;
    border:1px solid #3F5C3D;}
   input,textarea{
    font:11px 'Arial';
    color:#3F5C3D;
    background-color:#CCE182;
    border:1px solid #3F5C3D;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:17px;
    font-weight:bold;
    line-height:21px;
    text-align:center;
    color:#1E3A24;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:center;
    color:#1E3A24;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    color:#1E3A24;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:center;
    color:#1E3A24;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
    color:#1E3A24;}
   h6{
    margin:0px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
    color:#FF788F;}
  </style>
 </head>
 <body>
  <div class="container">
   <div class="top"></div>
  <div class="entry">
   <h1>%%short_description%%</h1>
    %%entry%%
   <h4>%%date%% at %%time%%</h4>
  </div>
   <div class="bottom"></div>
  </div>
  <div class="container2">
   <div class="navtop"></div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="%%NEXT%%">forwards</a>
    <br />
   <a href="%%PREV%%">backwards</a>
    <br />
   <a href="index.html">latest entry</a>
    <br />
   <a href="older.html">archives</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://www2.warnerbros.com/acinderellastory/index.html" target="_blank">cinderella</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="navbottom"></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>A Cinderella Story</title>
  <style type="text/css">
   body{
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella1.jpg) no-repeat fixed bottom left #78CDD2;}
   .container{
    position:absolute;
    top:0px;
    left:485px;
    width:315px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:relative;
    width:315px;
    padding:0px 50px 0px 50px;
    font:11px 'Arial';
    line-height:15px;
    text-align:justify;
    color:#3F5C3D;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-middle1.jpg) repeat-y #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .top{
    position:relative;
    width:315px;
    height:66px;
    margin-top:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-top1.jpg) #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .bottom{
    position:relative;
    width:315px;
    height:66px;
    margin-bottom:20px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-bottom1.jpg) #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .container2{
    position:absolute;
    top:0px;
    left:794px;
    width:153px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:relative;
    width:120px;
    padding:0px 25px 0px 10px;
    font:11px 'Arial';
    line-height:15px;
    text-align:center;
    color:#FF788F;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-middle1.jpg) top right #CCE182;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navtop{
    position:relative;
    width:120px;
    height:29px;
    margin-top:80px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-top1.jpg) top right #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navbottom{
    position:relative;
    width:120px;
    height:29px;
    margin-bottom:50px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak3//cinderella-nav-bottom1.jpg) top right #88C87A;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav a:link{
    color:#88C87A;}
   .nav a:visited{
    color:#88C87A;}
   .nav a:hover{
    color:#FF788F;
    background-color:#FFBCCF;}
   a:link{
    color:#A7DB91;
    text-decoration:none;}
   a:visited{
    color:#A7DB91;
    text-decoration:none;}
   a:hover{
    color:#88C87A;
    text-decoration:none;
    background-color:#E0EB9F;}
   a:active{
    color:#78CDD2;
    text-decoration:none;
    background-color:#A7DB91;}
   b,i,u,strong,em{
    color:#E0EB9F;}
   hr{
    color:#E0EB9F;
    height:1px;}
   blockquote{
    margin:10px 5px 10px 5px;
    padding:10px;
    color:#3F5C3D;
    background-color:#CCE182;
    border:1px solid #3F5C3D;}
   input,textarea{
    font:11px 'Arial';
    color:#3F5C3D;
    background-color:#CCE182;
    border:1px solid #3F5C3D;}
   h1{
    margin:0px 0px 10px 0px;
    font-size:17px;
    font-weight:bold;
    line-height:21px;
    text-align:center;
    color:#1E3A24;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-transform:uppercase;
    text-align:center;
    color:#1E3A24;}
   h3{
    margin:0px 0px 10px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    color:#1E3A24;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:18px;
    text-align:center;
    color:#1E3A24;}
   h5{
    margin:0px 0px 10px 0px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
    color:#1E3A24;}
   h6{
    margin:0px;
    font-size:11px;
    font-weight:bold;
    line-height:15px;
    text-transform:uppercase;
    text-align:center;
    color:#FF788F;}
  </style>
 </head>
 <body>
  <div class="container">
   <div class="top"></div>
  <div class="entry">
   <h1>Archive</h1>
    %%older_entries%%
  </div>
   <div class="bottom"></div>
  </div>
  <div class="container2">
   <div class="navtop"></div>
  <div class="nav">
   <h6>navigate</h6>
   <a href="index.html">latest entry</a>
    <br />
   <a href="older.html">archives</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://www2.warnerbros.com/acinderellastory/index.html" target="_blank">cinderella</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="navbottom"></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.

A Cinderella Story

11 September 2004 at 23:39 pm

navigate

diary

contact

credit

last five

buddies