colour my world

Colour my world
21 April 2004 at 5:50 pm

Hello! This is what this design will look like. The image comes from Stock Exchange, I think it's very cute. I'm not sure where the inspiration was for this, I'd planned to make a very colourful layout but in the end it came out black and white with just the colour of the crayons. 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>colour my world</title>
  <style type="text/css">
   body{
    color:#000000;
    background-color:#FFFFFF;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//colour.jpg);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;}
   .entry{
    position:absolute;
    top:220;
    left:20;
    width:340;
    padding:5px;
    color:#000000;
    font:11px 'Verdana';
    line-height:15px;
    text-align:justify;}
   .sd{
    font:13px 'Verdana';
    font-weight:bold;}
   .date{
    font:10px 'Verdana';}
   .links{
    position:absolute;
    top:20;
    left:365;
    width:100;
    padding:5px;
    color:#000000;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;}
   input,textarea{
    font:10px 'Verdana';
    color:#000000;
    background-color:#ABABAB;
    border:1px solid #000000;
    scrollbar-face-color:#ABABAB;
    scrollbar-highlight-color:#ABABAB;
    scrollbar-shadow-color:#ABABAB;
    scrollbar-3dlight-color:#ABABAB;
    scrollbar-darkshadow-color:#ABABAB;
    scrollbar-track-color:#ABABAB;}
   a:link{
    color:#6B6B6B;
    text-decoration:none;}
   a:visited{
    color:#6B6B6B;
    text-decoration:none;}
   a:hover{
    color:#000000;
    text-decoration:none;}
   a:active{
    color:#000000;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div id="entry" class="entry">
   <font class="sd">
    %%short_description%%
   </font>
    <br />
   <font class="date">
    %%date%% at %%time%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    <a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a>
   </b>
  </div>
  <div id="links" class="links">
   <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 />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="USERNAME@diaryland.com">email me</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br />
   <a href="http://www.sxc.hu" target="_blank">image</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</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>colour my world</title>
  <style type="text/css">
   body{
    color:#000000;
    background-color:#FFFFFF;
    background-image:url(http://www.sitefights.com/community/aboutme/pinkfreak//colour.jpg);
    background-repeat:no-repeat;
    scrollbar-arrow-color:#000000;
    scrollbar-face-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;}
   .entry{
    position:absolute;
    top:220;
    left:20;
    width:340;
    padding:5px;
    color:#000000;
    font:11px 'Verdana';
    line-height:15px;
    text-align:justify;}
   .sd{
    font:13px 'Verdana';
    font-weight:bold;}
   .date{
    font:10px 'Verdana';}
   .links{
    position:absolute;
    top:20;
    left:365;
    width:100;
    padding:5px;
    color:#000000;
    font:11px 'Verdana';
    line-height:15px;
    text-align:left;}
   input,textarea{
    font:10px 'Verdana';
    color:#000000;
    background-color:#ABABAB;
    border:1px solid #000000;
    scrollbar-face-color:#ABABAB;
    scrollbar-highlight-color:#ABABAB;
    scrollbar-shadow-color:#ABABAB;
    scrollbar-3dlight-color:#ABABAB;
    scrollbar-darkshadow-color:#ABABAB;
    scrollbar-track-color:#ABABAB;}
   a:link{
    color:#6B6B6B;
    text-decoration:none;}
   a:visited{
    color:#6B6B6B;
    text-decoration:none;}
   a:hover{
    color:#000000;
    text-decoration:none;}
   a:active{
    color:#000000;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div id="entry" class="entry">
   <font class="sd">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
    <br /><br />
  </div>
  <div id="links" class="links">
   <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 />
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
    <br />
   <a href="USERNAME@diaryland.com">email me</a>
    <br />
   <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
    <br />
   <a href="http://www.sxc.hu" target="_blank">image</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <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.

last & next