Barcode

Hello! This is what this design will look like. It's basically the manifestation of my love for the CODE3X font... I so desperately wanted to use it in a design, but it didn't fit with flowers or pink things. So here it is, in black & white glory - barcodes! You will need to change the USERNAME bits to your username, the %%PREV%% and %%NEXT%% to lowercase, and edit/delete any links you don't have (e.g. extras).

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>%%short_description%%</title>
  <style type="text/css">
   body{
    background-color:#E8E8E8;}
   .entry{
    position:absolute;
    top:150px;
    right:40px;
    width:405px;
    padding:0px 0px 40px 0px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#2C2C2C;}
   .title{
    position:absolute;
    top:20px;
    right:20px;
    width:442px;
    height:121px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak2//barcode-title.gif);}
   .links{
    position:absolute;
    top:150px;
    right:460px;
    width:174px;
    height:371px;
    padding:0px;}
   a:link{
    color:#747474;
    text-decoration:none;}
   a:visited{
    color:#747474;
    text-decoration:none;}
   a:hover{
    color:#2C2C2C;
    text-decoration:none;}
   a:active{
    color:#2C2C2C;
    text-decoration:underline;}
   hr{
    color:#2C2C2C;
    height:2px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#747474;
    background-color:#CCCCCC;
    border:2px solid #747474;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#747474;
    background-color:#CCCCCC;
    border:2px solid #747474;}
   h1{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    letter-spacing:1px;
    text-align:right;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;}
   h5{
    margin:0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    letter-spacing:1px;
    text-align:left;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:left;}
  </style>
 </head>
 <body>
  <div class="title"></div>
  <div class="links">
   <a href="index.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-new.gif" alt="newest" width="174" height="53" border="0" /></a>
   <a href="older.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-old.gif" alt="archives" width="174" height="53" border="0" /></a>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-about.gif" alt="about me" width="174" height="53" border="0" /></a>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-contact.gif" alt="contact" width="174" height="53" border="0" /></a>
   <a href="extras.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-extra.gif" alt="extra things" width="174" height="53" border="0" /></a>
   <a href="http://pink-design.diaryland.com" target="_blank"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-design.gif" alt="design" width="174" height="53" border="0" /></a>
   <a href="http://www.diaryland.com" target="_blank"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-host.gif" alt="host" width="174" height="53" border="0" /></a>
  </div>
  <div class="entry">
   %%entry%%
   <h4><a href="%%PREV%%">last</a> & <a href="%%NEXT%%">next</a></h4>
   <h3>written on %%date%% at %%time%%</h3>
  </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>Archives</title>
  <style type="text/css">
   body{
    background-color:#E8E8E8;}
   .entry{
    position:absolute;
    top:150px;
    right:40px;
    width:405px;
    padding:0px 0px 40px 0px;
    font:12px 'Trebuchet MS';
    line-height:18px;
    text-align:justify;
    color:#2C2C2C;}
   .title{
    position:absolute;
    top:20px;
    right:20px;
    width:442px;
    height:121px;
    background:url(http://www.sitefights.com/community/graphics/pinkfreak2//barcode-title.gif);}
   .links{
    position:absolute;
    top:150px;
    right:460px;
    width:174px;
    height:371px;
    padding:0px;}
   a:link{
    color:#747474;
    text-decoration:none;}
   a:visited{
    color:#747474;
    text-decoration:none;}
   a:hover{
    color:#2C2C2C;
    text-decoration:none;}
   a:active{
    color:#2C2C2C;
    text-decoration:underline;}
   hr{
    color:#2C2C2C;
    height:2px;}
   blockquote{
    margin:20px;
    padding:10px;
    color:#747474;
    background-color:#CCCCCC;
    border:2px solid #747474;}
   input,textarea{
    font:11px 'Trebuchet MS';
    color:#747474;
    background-color:#CCCCCC;
    border:2px solid #747474;}
   h1{
    margin:0px;
    font-size:18px;
    font-weight:bold;
    line-height:24px;
    letter-spacing:1px;
    text-align:right;}
   h2{
    margin:0px 0px 10px 0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;}
   h3{
    margin:0px;
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    letter-spacing:1px;
    text-align:right;}
   h4{
    margin:10px 0px 0px 0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:right;}
   h5{
    margin:0px;
    font-size:16px;
    font-weight:bold;
    line-height:22px;
    letter-spacing:1px;
    text-align:left;}
   h6{
    margin:0px 0px 10px 0px;
    font-size:12px;
    font-weight:bold;
    line-height:18px;
    letter-spacing:1px;
    text-transform:uppercase;
    text-align:left;}
  </style>
 </head>
 <body>
  <div class="title"></div>
  <div class="links">
   <a href="index.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-new.gif" alt="newest" width="174" height="53" border="0" /></a>
   <a href="older.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-old.gif" alt="archives" width="174" height="53" border="0" /></a>
   <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-about.gif" alt="about me" width="174" height="53" border="0" /></a>
   <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-contact.gif" alt="contact" width="174" height="53" border="0" /></a>
   <a href="extras.html"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-extra.gif" alt="extra things" width="174" height="53" border="0" /></a>
   <a href="http://pink-design.diaryland.com" target="_blank"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-design.gif" alt="design" width="174" height="53" border="0" /></a>
   <a href="http://www.diaryland.com" target="_blank"><img src="http://www.sitefights.com/community/graphics/pinkfreak2//barcode-host.gif" alt="host" width="174" height="53" border="0" /></a>
  </div>
  <div class="entry">
   %%older_entries%%
  </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.

last & next

written on 15 August 2004 at 3:55 pm