today i feel this big

Hello! This is what this design will look like. Another one using an image from Exploding Dog, very bright and somewhat weird. The title of the picture is "Today I feel this big". Won't look very good in 800x600 (but you should have a bigger resolution anyway!) You will 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>today i feel this big</title>
  <style type="text/css">
   body{
    background-color:#4DC33B;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//todayifeel.gif);}
   .entry{
    position:absolute;
    right:20px;
    top:20px;
    width:480px;
    height:320px;
    overflow:auto;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#010000;
    scrollbar-arrow-color:#010000;
    scrollbar-face-color:#F3D100;
    scrollbar-highlight-color:#F3D100;
    scrollbar-shadow-color:#010000;
    scrollbar-3dlight-color:#F3D100;
    scrollbar-darkshadow-color:#010000;
    scrollbar-track-color:#F3D100;}
   .title{
    position:absolute;
    right:530px;
    top:20px;
    width:440px;
    font:50px 'Trebuchet MS';
    line-height:50px;
    text-align:right;}
   a:link{
    color:#4DC33B;
    text-decoration:none;
    font-weight:bold;}
   a:visited{
    color:#4DC33B;
    text-decoration:none;
    font-weight:bold;}
   a:hover{
    color:#FF00E7;
    text-decoration:none;
    border-bottom:2px solid #010000;
    font-weight:bold;}
   a:active{
    color:#E40001;
    text-decoration:none;
    font-weight:bold;}
   blockquote{
    margin:25px;
    padding:10px;
    color:#010000;
    background-color:#E40001;
    border:2px solid #010000;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#010000;
    background-color:#4DC33B;
    border:2px solid #010000;}
   hr{
    color:#010000;
    height:2px;}
   h1{
    margin:0px;
    font-size:28px;
    font-weight:bold;
    line-height:34px;
    text-align:right;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:20px;
    font-weight:bold;
    line-height:26px;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:22px;
    text-align:right;}
   h4{
    margin:0px;
    font-size:20px;
    font-weight:bold;
    line-height:26px;
    text-align:left;}
   h5{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    line-height:18px;
    text-align:left;}
   h6{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;}
  </style>
 </head>
 <body>
  <div class="entry">
   %%entry%%
  </div>
  <div class="title">
   <h1>%%short_description%%</h1>
   <h2>%%date%% at %%time%%</h2>
   <h3><a href="index.html">new</a> <a href="older.html">old</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://www.explodingdog.com" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h3>
   <a href="%%PREV%%">«</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>today i feel this big</title>
  <style type="text/css">
   body{
    background-color:#4DC33B;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak2//todayifeel.gif);}
   .entry{
    position:absolute;
    right:20px;
    top:20px;
    width:480px;
    height:320px;
    overflow:auto;
    font:12px 'Trebuchet MS';
    line-height:20px;
    text-align:justify;
    color:#010000;
    scrollbar-arrow-color:#010000;
    scrollbar-face-color:#F3D100;
    scrollbar-highlight-color:#F3D100;
    scrollbar-shadow-color:#010000;
    scrollbar-3dlight-color:#F3D100;
    scrollbar-darkshadow-color:#010000;
    scrollbar-track-color:#F3D100;}
   .title{
    position:absolute;
    right:530px;
    top:20px;
    width:440px;
    font:50px 'Trebuchet MS';
    line-height:50px;
    text-align:right;}
   a:link{
    color:#4DC33B;
    text-decoration:none;
    font-weight:bold;}
   a:visited{
    color:#4DC33B;
    text-decoration:none;
    font-weight:bold;}
   a:hover{
    color:#FF00E7;
    text-decoration:none;
    border-bottom:2px solid #010000;
    font-weight:bold;}
   a:active{
    color:#E40001;
    text-decoration:none;
    font-weight:bold;}
   blockquote{
    margin:25px;
    padding:10px;
    color:#010000;
    background-color:#E40001;
    border:2px solid #010000;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#010000;
    background-color:#4DC33B;
    border:2px solid #010000;}
   hr{
    color:#010000;
    height:2px;}
   h1{
    margin:0px;
    font-size:28px;
    font-weight:bold;
    line-height:34px;
    text-align:right;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:20px;
    font-weight:bold;
    line-height:26px;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:22px;
    text-align:right;}
   h4{
    margin:0px;
    font-size:20px;
    font-weight:bold;
    line-height:26px;
    text-align:left;}
   h5{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    line-height:18px;
    text-align:left;}
   h6{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-transform:uppercase;
    text-align:left;}
  </style>
 </head>
 <body>
  <div class="entry">
   %%older_entries%%
  </div>
  <div class="title">
   <h1>Archives</h1>
   <h3><a href="index.html">new</a> <a href="older.html">old</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://www.explodingdog.com" target="_blank">image</a> <a href="http://pink-design.diaryland.com" target="_blank">design</a> <a href="http://www.diaryland.com" target="_blank">host</a></h3>
  </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, check out the FAQ/Help page or just email me and I'll do my best to help out.

Today I feel this big

8 July 2004 at 9:34 pm

updates templates about links email notes image design host