Pink Design || Purple Flower

Purple Flower

Hello! This is what this design will look like. Just a simple flowery/swirly one :) Thanks to Anti-Brush for the swirls. The background for the entry is very long so unless you write novel-length entries, or use the blog style, you won't get it repeating (and if it does repeat, it shouldn't be noticeable). 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 || %%short_description%%</title>
  <style type="text/css">
   body{
    color:#6A2B93;
    background-color:#EDCFF1;
    scrollbar-arrow-color:#6A2B93;
    scrollbar-track-color:#EDCFF1;
    scrollbar-face-color:#EDCFF1;
    scrollbar-highlight-color:#EDCFF1;
    scrollbar-3dlight-color:#EDCFF1;
    scrollbar-shadow-color:#EDCFF1;
    scrollbar-darkshadow-color:#EDCFF1;}
   .flower{
    position:absolute;
    top:15;
    left:15;
    width:272;
    height:317;
    z-index:1;
    padding:0px;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//flower-swirl1.jpg);
    border:3px solid #6A2B93;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:15;
    left:305;
    width:350;
    height:385;
    overflow:auto;
    z-index:2;
    padding:8px;
    background-color:#F5E9F7;
    scrollbar-track-color:#F7E9FA;
    scrollbar-face-color:#EDCFF1;
    scrollbar-highlight-color:#6A2B93;
    scrollbar-3dlight-color:#F7E9FA;
    scrollbar-shadow-color:#6A2B93;
    scrollbar-darkshadow-color:#F7E9FA;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//bg-entry.jpg);
    border:3px solid #6A2B93;
    font:11px 'Verdana';
    line-height:15px;
    text-align:justify;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px 'Verdana';
    font-weight:bold;}
   .nav{
    position:absolute;
    top:350;
    left:15;
    width:272;
    height:48;
    z-index:2;
    padding:8px;
    background-color:#F5E9F7;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//bg-entry.jpg);
    background-position:bottom right;
    border:3px solid #6A2B93;
    font:11px 'Verdana';
    line-height:14px;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   a:link{
    color:#AC5DD0;
    text-decoration:none;}
   a:visited{
    color:#AC5DD0;
    text-decoration:none;}
   a:hover{
    color:#6A2B93;
    text-decoration:none;
    border-bottom:1px dashed #6A2B93;
    border-top:1px dashed #6A2B93;
    background-color:#DDACE4;}
   a:active{
    color:#6A2B93;
    text-decoration:underline;}
   input,textarea{
    font:11px 'Verdana';
    color:#6A2B93;
    background-color:#F7E9FA;
    border:1px solid #6A2B93;}
  </style>
 </head>
 <body>
  <div class="flower">
  </div>
  <div class="entry">
   <font class="big">
     %%short_description%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    %%date%% at %%time%%
   </b>
  </div>
  <div class="nav">
   <a href="%%PREV%%">�</a> <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="mailto:USERNAME@diaryland.com">email</a> <a

href="http://USERNAME.signmyguestbook.com" target="_blank">guestbook</a> <a href="http://www.snapmix.com/brushes/" 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> <a href="%%NEXT%%">�</a>
  </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 || %%short_description%%</title>
  <style type="text/css">
   body{
    color:#6A2B93;
    background-color:#EDCFF1;
    scrollbar-arrow-color:#6A2B93;
    scrollbar-track-color:#EDCFF1;
    scrollbar-face-color:#EDCFF1;
    scrollbar-highlight-color:#EDCFF1;
    scrollbar-3dlight-color:#EDCFF1;
    scrollbar-shadow-color:#EDCFF1;
    scrollbar-darkshadow-color:#EDCFF1;}
   .flower{
    position:absolute;
    top:15;
    left:15;
    width:272;
    height:317;
    z-index:1;
    padding:0px;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//flower-swirl1.jpg);
    border:3px solid #6A2B93;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:15;
    left:305;
    width:350;
    height:385;
    overflow:auto;
    z-index:2;
    padding:8px;
    background-color:#F5E9F7;
    scrollbar-track-color:#F7E9FA;
    scrollbar-face-color:#EDCFF1;
    scrollbar-highlight-color:#6A2B93;
    scrollbar-3dlight-color:#F7E9FA;
    scrollbar-shadow-color:#6A2B93;
    scrollbar-darkshadow-color:#F7E9FA;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//bg-entry.jpg);
    border:3px solid #6A2B93;
    font:11px 'Verdana';
    line-height:15px;
    text-align:justify;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:350;
    left:15;
    width:272;
    height:48;
    z-index:2;
    padding:8px;
    background-color:#F5E9F7;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//bg-entry.jpg);
    background-position:bottom right;
    border:3px solid #6A2B93;
    font:11px 'Verdana';
    line-height:14px;
    text-align:center;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px 'Verdana';
    font-weight:bold;}
   a:link{
    color:#AC5DD0;
    text-decoration:none;}
   a:visited{
    color:#AC5DD0;
    text-decoration:none;}
   a:hover{
    color:#6A2B93;
    text-decoration:none;
    border-bottom:1px dashed #6A2B93;
    border-top:1px dashed #6A2B93;
    background-color:#DDACE4;}
   a:active{
    color:#6A2B93;
    text-decoration:underline;}
   input,textarea{
    font:11px 'Verdana';
    color:#6A2B93;
    background-color:#F7E9FA;
    border:1px solid #6A2B93;}
  </style>
 </head>
 <body>
  <div class="flower">
  </div>
  <div class="entry">
   <font class="big">
     Archives
   </font>
    <br /><br />
   %%older_entries%%
  </div>
  <div class="nav">
   <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="mailto:USERNAME@diaryland.com">email</a> <a

href="http://USERNAME.signmyguestbook.com" target="_blank">guestbook</a> <a href="http://www.snapmix.com/brushes/" 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>
  </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.

22 April 2004 at 9:17 pm