Reese Witherspoon

16 August 2004 at 6:52 pm

Hello! This is what this design will look like. I like this, even though it's so generic (and uses a PSD and brush). Yay for Reese, yay for pink! The title fonts are cleverly similar to those used in Legally Blonde. Not that it's my second favourite film or anything... 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>Reese Witherspoon</title>
  <style type="text/css">
   body{
    background:#FCD0D9;}
   .entry{
    position:absolute;
    top:460px;
    left:95px;
    width:600px;
    padding:15px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#C15958;
    background:#FDE7EC;
    border:3px solid #CD7172;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .reese{
    position:absolute;
    top:10px;
    left:22px;
    width:680px;
    height:450px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak2//reesepink1.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#E0989D;
    text-decoration:none;}
   a:visited{
    color:#E0989D;
    text-decoration:none;}
   a:hover{
    color:#CD7172;
    text-decoration:none;
    border-bottom:2px dashed #CD7172;}
   a:active{
    color:#CD7172;
    text-decoration:none;}
   blockquote{
    margin:20px 10px 20px 30px;
    padding:10px;
    background:#FFF7F9;
    border-left:2px dashed #CD7172;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#CD7172;
    background:#FFF7F9;
    border:1px solid #FFF7F9;}
   hr{
    height:2px;
    color:#FDE7EC;
    border-bottom:2px dashed #CD7172;}
   b,i,u,strong,em{
    color:#C05D5E;}
   h1{
    margin:0px;
    font:20px 'Trebuchet MS';
    font-weight:bold;
    line-height:28px;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-transform:uppercase;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-transform:uppercase;
    text-align:right;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-align:right;}
   h5{
    margin:10px 0px 0px 0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:24px;
    text-transform:uppercase;
    text-align:center;}
   h6{
    margin:0px 0px 10px 0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:24px;
    text-align:center;}
  </style>
 </head>
 <body>
  <div class="reese"></div>
  <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>
   <h4><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://www.get-mine.org/psds/" target="_blank">psd</a> <a href="http://www.vanilla-dreams.com" target="_blank">brush</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </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>Reese Witherspoon</title>
  <style type="text/css">
   body{
    background:#FCD0D9;}
   .entry{
    position:absolute;
    top:460px;
    left:95px;
    width:600px;
    padding:15px;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#C15958;
    background:#FDE7EC;
    border:3px solid #CD7172;
    z-index:2;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .reese{
    position:absolute;
    top:10px;
    left:22px;
    width:680px;
    height:450px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak2//reesepink1.jpg);
    z-index:1;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#E0989D;
    text-decoration:none;}
   a:visited{
    color:#E0989D;
    text-decoration:none;}
   a:hover{
    color:#CD7172;
    text-decoration:none;
    border-bottom:2px dashed #CD7172;}
   a:active{
    color:#CD7172;
    text-decoration:none;}
   blockquote{
    margin:20px 10px 20px 30px;
    padding:10px;
    background:#FFF7F9;
    border-left:2px dashed #CD7172;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#CD7172;
    background:#FFF7F9;
    border:1px solid #FFF7F9;}
   hr{
    height:2px;
    color:#FDE7EC;
    border-bottom:2px dashed #CD7172;}
   b,i,u,strong,em{
    color:#C05D5E;}
   h1{
    margin:0px;
    font:20px 'Trebuchet MS';
    font-weight:bold;
    line-height:28px;
    text-align:left;}
   h2{
    margin:0px 0px 10px 0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-transform:uppercase;
    text-align:left;}
   h3{
    margin:10px 0px 0px 0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-transform:uppercase;
    text-align:right;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    text-align:right;}
   h5{
    margin:10px 0px 0px 0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:24px;
    text-transform:uppercase;
    text-align:center;}
   h6{
    margin:0px 0px 10px 0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:24px;
    text-align:center;}
  </style>
 </head>
 <body>
  <div class="reese"></div>
  <div class="entry">
   <h1>Archives</h1>
     <br />
    %%older_entries%%
     <br /><br />
   <h4><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://www.get-mine.org/psds/" target="_blank">psd</a> <a href="http://www.vanilla-dreams.com" target="_blank">brush</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h4>
  </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.

Reese Witherspoon

16 August 2004 at 6:52 pm

last & next

updates templates about links email notes psd brush design host