who needs a prince?

Who needs a prince?
14 April 2004 at 1:04 am

Hello! This is what this design will look like. I've been messing around with this for months (literally - the starting time was around the same as the first few that I did), and I've finally finished it - hooray! 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.

<!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>who needs a prince?</title>
  <style type="text/css">
   body{
    background-color:#CFC6A7;
    scrollbar-arrow-color:#2D6B84;
    scrollbar-face-color:#BBDBEA;
    scrollbar-highlight-color:#2D6B84;
    scrollbar-shadow-color:#2D6B84;
    scrollbar-3dlight-color:#CFC6A7;
    scrollbar-darkshadow-color:#CFC6A7;
    scrollbar-track-color:#CFC6A7;}
   .entry{
    position:absolute;
    top:130;
    left:55;
    width:425;
    height:288;
    overflow:auto;
    padding:5px;
    color:#2D6B84;
    font:11px 'Verdana';
    line-height:16px;
    text-align:left;
    z-index:2;
    filter:alpha(opacity=90);
    scrollbar-face-color:#F3F2ED;
    scrollbar-3dlight-color:#BBDBEA;
    scrollbar-darkshadow-color:#BBDBEA;
    scrollbar-track-color:#BBDBEA;
    background-color:#BBDBEA;
    border:2px solid #4487A4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .prince{
    position:absolute;
    top:20;
    left:235;
    width:475;
    height:338;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//prince1.jpg);
    border:2px solid #4487A4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navigate{
    position:absolute;
    top:368;
    left:490;
    width:100;
    height:25;
    z-index:3;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font-size:13px;
    font-weight:bold;}
   .small{
    font-size:10px;}
   input,textarea{
    font:10px 'Verdana';
    color:#4487A4;
    background-color:#F3F2ED;
    border:1px solid #4487A4;
    scrollbar-face-color:#BBDBEA;
    scrollbar-3dlight-color:#F3F2ED;
    scrollbar-darkshadow-color:#F3F2ED;
    scrollbar-track-color:#F3F2ED;}
   a:link{
    color:#4487A4;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;}
   a:visited{
    color:#4487A4;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;}
   a:hover{
    color:#2D6B84;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:1px dashed #F1F6F2;}
   a:active{
    color:#F1F6F2;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:1px solid #F1F6F2;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    %%short_description%%
   </font>
    <br />
   <font class="small">
    %%date%% at %%time%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
  </div>
  <div class="navigate">
   <form action="">
   <select onChange="self.location=this.options[this.selectedIndex].value" style="font-family: verdana ; font-size: 10; background:#BBDBEA; color:#2D6B84; border-style: solid; border-width: 0pt">
<option selected value="">ride away ::</option>
<option value=""></option>
<option value="index.html">:: newest</option>
<option value="older.html">:: archives</option>
<option value="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">:: profile</option>
<option value="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">:: notes</option>
<option value="http://pink-design.diaryland.com">:: design</option>
<option value="http://www.diaryland.com">:: host</option>
</select></form>
  </div>
  <div class="prince">
  </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>who needs a prince?</title>
  <style type="text/css">
   body{
    background-color:#CFC6A7;
    scrollbar-arrow-color:#2D6B84;
    scrollbar-face-color:#BBDBEA;
    scrollbar-highlight-color:#2D6B84;
    scrollbar-shadow-color:#2D6B84;
    scrollbar-3dlight-color:#CFC6A7;
    scrollbar-darkshadow-color:#CFC6A7;
    scrollbar-track-color:#CFC6A7;}
   .entry{
    position:absolute;
    top:130;
    left:55;
    width:425;
    height:288;
    overflow:auto;
    padding:5px;
    color:#2D6B84;
    font:11px 'Verdana';
    line-height:16px;
    text-align:left;
    z-index:2;
    filter:alpha(opacity=90);
    scrollbar-face-color:#F3F2ED;
    scrollbar-3dlight-color:#BBDBEA;
    scrollbar-darkshadow-color:#BBDBEA;
    scrollbar-track-color:#BBDBEA;
    background-color:#BBDBEA;
    border:2px solid #4487A4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .prince{
    position:absolute;
    top:20;
    left:235;
    width:475;
    height:338;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//prince1.jpg);
    border:2px solid #4487A4;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .navigate{
    position:absolute;
    top:368;
    left:490;
    width:100;
    height:25;
    z-index:3;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font-size:13px;
    font-weight:bold;}
   .small{
    font-size:10px;}
   input,textarea{
    font:10px 'Verdana';
    color:#4487A4;
    background-color:#F3F2ED;
    border:1px solid #4487A4;
    scrollbar-face-color:#BBDBEA;
    scrollbar-3dlight-color:#F3F2ED;
    scrollbar-darkshadow-color:#F3F2ED;
    scrollbar-track-color:#F3F2ED;}
   a:link{
    color:#4487A4;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;}
   a:visited{
    color:#4487A4;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;}
   a:hover{
    color:#2D6B84;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:1px dashed #F1F6F2;}
   a:active{
    color:#F1F6F2;
    font-size:10px;
    text-decoration:none;
    text-transform:uppercase;
    border-bottom:1px solid #F1F6F2;}
  </style>
 </head>
 <body>
  <div class="entry">
   <font class="big">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
  </div>
  <div class="navigate">
   <form action="">
   <select onChange="self.location=this.options[this.selectedIndex].value" style="font-family: verdana ; font-size: 10; background:#BBDBEA; color:#2D6B84; border-style: solid; border-width: 0pt">
<option selected value="">ride away ::</option>
<option value=""></option>
<option value="index.html">:: newest</option>
<option value="older.html">:: archives</option>
<option value="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">:: profile</option>
<option value="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">:: notes</option>
<option value="http://pink-design.diaryland.com">:: design</option>
<option value="http://www.diaryland.com">:: host</option>
</select></form>
  </div>
  <div class="prince">
  </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, just email me and I'll do my best to help out.

last & next