the tulips stand arrayed

Hello! This is what this design will look like. A re-vamp of an old one which really needed it, and this time I think it's much better! I spent absolutely ages getting the right number of breaks in to make it match up, so whatever you do don't go deleting any of the tags! 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>the tulips stand arrayed</title>
 <style type="text/css">
 body{
 text-align:center;
 color:#503C7B;
 font:11px 'Verdana';
 line-height:5px;
 background-color:#614C8E;
 scrollbar-arrow-color:#614C8E;
 scrollbar-face-color:#614C8E;
 scrollbar-track-color:#614C8E;
 scrollbar-highlight-color:#614C8E;
 scrollbar-shadow-color:#614C8E;
 scrollbar-3dlight-color:#614C8E;
 scrollbar-darkshadow-color:#614C8E;}
 .container{
 position:relative;
 float:center;
 width:532;
 height:420;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .entry{
 position:relative;
 float:right;
 width:263;
 height:340;
 overflow:auto;
 padding:8px;
 color:#503C7B;
 font:11px 'Verdana';
 line-height:15px;
 text-align:justify;
 border:1px solid #351B43;
 background-color:#A37AA2;
 scrollbar-arrow-color:#351B43;
 scrollbar-face-color:#614C8E;
 scrollbar-track-color:#A37AA2;
 scrollbar-highlight-color:#614C8E;
 scrollbar-shadow-color:#614C8E;
 scrollbar-3dlight-color:#A37AA2;
 scrollbar-darkshadow-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .sd{
 position:relative;
 float:top;
 width:531;
 height:30;
 overflow:auto;
 padding:7px;
 color:#351B43;
 font:11px 'Verdana';
 font-weight:bold;
 text-transform:uppercase;
 border:1px solid #351B43;
 background-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .navbar{
 position:relative;
 float:bottom;
 width:531;
 height:28;
 overflow:auto;
 padding:6px;
 color:#503C7B;
 font:11px 'Verdana';
 border:1px solid #351B43;
 background-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .tulips{
 position:relative;
 float:left;
 width:263;
 height:340;
 border:1px solid #351B43;
 background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//tulips1.jpg);}
 input,textarea{
 font:10px 'Verdana';
 color:#351B43;
 background-color:#614C8E;
 border:1px solid #351B43;
 scrollbar-3dlight-color:#614C8E;
 scrollbar-darkshadow-color:#614C8E;
 scrollbar-track-color:#614C8E;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 a:link{
 color:#351B43;
 text-decoration:none;}
 a:visited{
 color:#351B43;
 text-decoration:none;}
 a:hover{
 color:#503C7B;
 text-decoration:none;}
 a:active{
 color:#503C7B;
 text-decoration:underline;}
 </style>
 </head>
 <body>
 <center>
 <div class="container">
 <div class="sd">
 %%short_description%%
 </div>
 
 <div class="tulips">
 �
 </div>
 <div class="entry">
 %%entry%%
 
 written on %%date%% at %%time%%
 </div>
 
 <div class="navbar">
 <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="http://pink-design.diaryland.com" target="_blank">design</a> �<a href="http://www.diaryland.com" target="_blank">host</a>� <a href="%%NEXT%%">�</a>
 </div>
 </div>
 </center>
 </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>the tulips stand arrayed</title>
 <style type="text/css">
 body{
 text-align:center;
 color:#503C7B;
 font:11px 'Verdana';
 line-height:5px;
 background-color:#614C8E;
 scrollbar-arrow-color:#614C8E;
 scrollbar-face-color:#614C8E;
 scrollbar-track-color:#614C8E;
 scrollbar-highlight-color:#614C8E;
 scrollbar-shadow-color:#614C8E;
 scrollbar-3dlight-color:#614C8E;
 scrollbar-darkshadow-color:#614C8E;}
 .container{
 position:relative;
 float:center;
 width:532;
 height:420;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .entry{
 position:relative;
 float:right;
 width:263;
 height:340;
 overflow:auto;
 padding:8px;
 color:#503C7B;
 font:11px 'Verdana';
 line-height:15px;
 text-align:justify;
 border:1px solid #351B43;
 background-color:#A37AA2;
 scrollbar-arrow-color:#351B43;
 scrollbar-face-color:#614C8E;
 scrollbar-track-color:#A37AA2;
 scrollbar-highlight-color:#614C8E;
 scrollbar-shadow-color:#614C8E;
 scrollbar-3dlight-color:#A37AA2;
 scrollbar-darkshadow-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .sd{
 position:relative;
 float:top;
 width:531;
 height:30;
 overflow:auto;
 padding:7px;
 color:#351B43;
 font:11px 'Verdana';
 font-weight:bold;
 text-transform:uppercase;
 border:1px solid #351B43;
 background-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .navbar{
 position:relative;
 float:bottom;
 width:531;
 height:28;
 overflow:auto;
 padding:6px;
 color:#503C7B;
 font:11px 'Verdana';
 border:1px solid #351B43;
 background-color:#A37AA2;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 .tulips{
 position:relative;
 float:left;
 width:263;
 height:340;
 border:1px solid #351B43;
 background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//tulips1.jpg);}
 input,textarea{
 font:10px 'Verdana';
 color:#351B43;
 background-color:#614C8E;
 border:1px solid #351B43;
 scrollbar-3dlight-color:#614C8E;
 scrollbar-darkshadow-color:#614C8E;
 scrollbar-track-color:#614C8E;
 box-sizing:border-box;
 -moz-box-sizing:border-box;}
 a:link{
 color:#351B43;
 text-decoration:none;}
 a:visited{
 color:#351B43;
 text-decoration:none;}
 a:hover{
 color:#503C7B;
 text-decoration:none;}
 a:active{
 color:#503C7B;
 text-decoration:underline;}
 </style>
 </head>
 <body>
 <center>
 <div class="container">
 <div class="sd">
 Archives
 </div>
 
 <div class="tulips">
 �
 </div>
 <div class="entry">
 %%older_entries%%
 </div>
 
 <div class="navbar">
 <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://pink-design.diaryland.com" target="_blank">design</a> �<a href="http://www.diaryland.com" target="_blank">host</a>
 </div>
 </div>
 </center>
 </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.

written on 07 April 2004 at 3:05 pm