Men are from Mars

Men are from Mars

Hello! This is what this design will look like. Another simple, hopefully vaguely comic one. The scary thing is, I know guys who really do look like this... well, with more drool and bigger teeth. 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>Men are from Mars</title>
  <style type="text/css">
   body{
    background-color:#8CAD18;
    scrollbar-arrow-color:#020202;
    scrollbar-face-color:#8CAD18;
    scrollbar-highlight-color:#8CAD18;
    scrollbar-shadow-color:#8CAD18;
    scrollbar-3dlight-color:#8CAD18;
    scrollbar-darkshadow-color:#8CAD18;
    scrollbar-track-color:#8CAD18;}
   .entry{
    position:absolute;
    top:-2;
    left:20;
    width:520;
    padding:10px;
    font:11px 'Verdana';
    color:#020202;
    line-height:16px;
    border:2px solid #020202;
    background-color:#FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:-2;
    left:570;
    width:130;
    padding:10px;
    font:11px 'Verdana';
    color:#020202;
    line-height:16px;
    border:2px solid #020202;
    background-color:#FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px;
    font-weight:bold;}
   input,textarea{
    font:10px 'Verdana';
    color:#020202;
    background-color:#8CAD18;
    border:1px solid #020202;}
   a:link{
    color:#8CAD18;
    text-decoration:none;}
   a:visited{
    color:#8CAD18;
    text-decoration:none;}
   a:hover{
    color:#56650C;
    text-decoration:none;}
   a:active{
    color:#56650C;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div class="entry">
   <img src="http://www.sitefights.com/community/aboutme/pinkfreak//marsmen.gif" alt="" />
   <font class="big">
    %%short_description%%
   </font>
    <br /><br />
   %%entry%%
    <br /><br />
   <b>
    %%date%% at %%time%%
   </b>
  </div>
  <div class="nav">
   <b>
    navigate:
   </b>
    <br />
   <a href="%%PREV%%">previous</a>
    <br />
   <a href="%%NEXT%%">next</a>
    <br />
   <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="http://www.thesimpsons.com" target="_blank">simpsons</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
    <br /><br />
   <b> 
    about me:
   </b>
    <br />
   write a little bit about yourself here, e.g. your name, age, likes, dislikes, etc. everyone loves goats!
  </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>Men are from Mars</title>
  <style type="text/css">
   body{
    background-color:#8CAD18;
    scrollbar-arrow-color:#020202;
    scrollbar-face-color:#8CAD18;
    scrollbar-highlight-color:#8CAD18;
    scrollbar-shadow-color:#8CAD18;
    scrollbar-3dlight-color:#8CAD18;
    scrollbar-darkshadow-color:#8CAD18;
    scrollbar-track-color:#8CAD18;}
   .entry{
    position:absolute;
    top:-2;
    left:20;
    width:520;
    padding:10px;
    font:11px 'Verdana';
    color:#020202;
    line-height:16px;
    border:2px solid #020202;
    background-color:#FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .nav{
    position:absolute;
    top:-2;
    left:570;
    width:130;
    padding:10px;
    font:11px 'Verdana';
    color:#020202;
    line-height:16px;
    border:2px solid #020202;
    background-color:#FFFFFF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .big{
    font:13px;
    font-weight:bold;}
   input,textarea{
    font:10px 'Verdana';
    color:#020202;
    background-color:#8CAD18;
    border:1px solid #020202;}
   a:link{
    color:#8CAD18;
    text-decoration:none;}
   a:visited{
    color:#8CAD18;
    text-decoration:none;}
   a:hover{
    color:#56650C;
    text-decoration:none;}
   a:active{
    color:#56650C;
    text-decoration:underline;}
  </style>
 </head>
 <body>
  <div class="entry">
   <img src="http://www.sitefights.com/community/aboutme/pinkfreak//marsmen.gif" alt="" />
   <font class="big">
    Archives
   </font>
    <br /><br />
   %%older_entries%%
  </div>
  <div class="nav">
   <b>
    navigate:
   </b>
    <br />
   <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="http://www.thesimpsons.com" target="_blank">simpsons</a>
    <br />
   <a href="http://pink-design.diaryland.com" target="_blank">design</a>
    <br />
   <a href="http://www.diaryland.com" target="_blank">host</a>
    <br /><br />
   <b> 
    about me:
   </b>
    <br />
   write a little bit about yourself here, e.g. your name, age, likes, dislikes, etc. everyone loves goats!
  </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.

16 April 2004 at 10:49 am