Imageless Pink

20 April 2004 at 6:11 pm

Hello! This is what this design will look like. I had this one on my diary for a while in pink, but now it's up here. There are several different colours now, but I think pink looks best ;) 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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#FBE1F5;
    scrollbar-arrow-color:#FBE1F5;
    scrollbar-face-color:#FBE1F5;
    scrollbar-track-color:#FBE1F5;
    scrollbar-highlight-color:#FBE1F5;
    scrollbar-shadow-color:#FBE1F5;
    scrollbar-3dlight-color:#FBE1F5;
    scrollbar-darkshadow-color:#FBE1F5;}
   .entry{
    position:absolute;
    z-index:1;
    padding:8px;
    border:2px solid #DB1FAD;
    background-color:#F3A1DF;
    color:#DB1FAD;
    font:13px 'Trebuchet MS';
    line-height:18px;
    overflow:auto;
    scrollbar-track-color:#F3A1DF;
    scrollbar-3dlight-color:#F3A1DF;
    scrollbar-darkshadow-color:#F3A1DF;
    scrollbar-face-color:#F3A1DF;
    scrollbar-highlight-color:#F3A1DF;
    scrollbar-shadow-color:#F3A1DF;
    scrollbar-arrow-color:#DB1FAD;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:17px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    border-bottom:1px dashed #DB1FAD;}
   h2{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:right;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   input,textarea{
    font:11px 'Verdana';
    color:#DB1FAD;
    background-color:#FBE1F5;
    border:1px solid #DB1FAD;
    scrollbar-face-color:#FBE1F5;
    scrollbar-track-color:#FBE1F5;
    scrollbar-highlight-color:#FBE1F5;
    scrollbar-shadow-color:#FBE1F5;
    scrollbar-3dlight-color:#FBE1F5;
    scrollbar-darkshadow-color:#FBE1F5;}
   a:link{
    color:#DB1FAD;
    text-decoration:none;
    border-bottom:1px dashed #FBE1F5;}
   a:visited{
    color:#DB1FAD;
    text-decoration:none;
    border-bottom:1px dashed #FBE1F5;}
   a:hover{
    color:#FBE1F5;
    text-decoration:none;
    border-bottom:1px dashed #DB1FAD;}
   a:active{
    color:#FBE1F5;
    text-decoration:none;
    border-bottom:1px solid #DB1FAD;}
  </style>
 </head>
 <body>
  <div class="entry" style="top:30; left:30; width:400; height:300;">
   <h1>
    %%short_description%%
   </h1>
   <h2>
    %%date%% at %%time%%
   </h2>
    <br />
   %%entry%%
    <br /><br />
   <h3>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </h3>
  </div>
  <div class="entry" style="top:30; left:460; width:125; height:300;">
   <h4>
    navigate
   </h4>
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
     <br /><br />
   <h4>
    contact
   </h4>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="mailto:USERNAME@diaryland.com">email</a>
     <br /><br />
   <h4>
    credit
   </h4>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h4>
    about me
   </h4>
    write a little bit about yourself here, remember not to give out any information such as your phone number or home address.
  </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>USERNAME's diary</title>
  <style type="text/css">
   body{
    background-color:#FBE1F5;
    scrollbar-arrow-color:#FBE1F5;
    scrollbar-face-color:#FBE1F5;
    scrollbar-track-color:#FBE1F5;
    scrollbar-highlight-color:#FBE1F5;
    scrollbar-shadow-color:#FBE1F5;
    scrollbar-3dlight-color:#FBE1F5;
    scrollbar-darkshadow-color:#FBE1F5;}
   .entry{
    position:absolute;
    z-index:1;
    padding:8px;
    border:2px solid #DB1FAD;
    background-color:#F3A1DF;
    color:#DB1FAD;
    font:13px 'Trebuchet MS';
    line-height:18px;
    overflow:auto;
    scrollbar-track-color:#F3A1DF;
    scrollbar-3dlight-color:#F3A1DF;
    scrollbar-darkshadow-color:#F3A1DF;
    scrollbar-face-color:#F3A1DF;
    scrollbar-highlight-color:#F3A1DF;
    scrollbar-shadow-color:#F3A1DF;
    scrollbar-arrow-color:#DB1FAD;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:17px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;
    border-bottom:1px dashed #DB1FAD;}
   h2{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:right;}
   h3{
    margin:0px;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   h4{
    margin:0px;
    font:14px 'Trebuchet MS';
    font-weight:bold;
    text-align:left;}
   input,textarea{
    font:11px 'Verdana';
    color:#DB1FAD;
    background-color:#FBE1F5;
    border:1px solid #DB1FAD;
    scrollbar-face-color:#FBE1F5;
    scrollbar-track-color:#FBE1F5;
    scrollbar-highlight-color:#FBE1F5;
    scrollbar-shadow-color:#FBE1F5;
    scrollbar-3dlight-color:#FBE1F5;
    scrollbar-darkshadow-color:#FBE1F5;}
   a:link{
    color:#DB1FAD;
    text-decoration:none;
    border-bottom:1px dashed #FBE1F5;}
   a:visited{
    color:#DB1FAD;
    text-decoration:none;
    border-bottom:1px dashed #FBE1F5;}
   a:hover{
    color:#FBE1F5;
    text-decoration:none;
    border-bottom:1px dashed #DB1FAD;}
   a:active{
    color:#FBE1F5;
    text-decoration:none;
    border-bottom:1px solid #DB1FAD;}
  </style>
 </head>
 <body>
  <div class="entry" style="top:30; left:30; width:400; height:300;">
   <h1>
    Archives
   </h1>
    <br />
   %%older_entries%%
  </div>
  <div class="entry" style="top:30; left:460; width:125; height:300;">
   <h4>
    navigate
   </h4>
    <a href="index.html">newest</a>
     <br />
    <a href="older.html">archives</a>
     <br />
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a>
     <br /><br />
   <h4>
    contact
   </h4>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="mailto:USERNAME@diaryland.com">email</a>
     <br /><br />
   <h4>
    credit
   </h4>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h4>
    about me
   </h4>
    write a little bit about yourself here, remember not to give out any information such as your phone number or home address.
  </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.

Imageless Pink

20 April 2004 at 6:11 pm

last & next

navigate

contact

credit

about me