14 April 2004 at 2:57 pm

Don't mess with Ms. Bell

Hello! This is what this design will look like. This was made for the Template Challenge for April, which was to make a fairy layout without it looking too "twee". Tinkerbell is not twee, she is vicious! She tried to kill Wendy. Private joke... but makes a great layout. You can change what she is saying if you have a better quote for her ;) There are billions of cool extras for this design, like bold, italic, and underlined text all changing colours. The blockquotes also do cool things and there are more. You will need to change the USERNAME bits to your username, and the %%PREV%% and %%NEXT%% to lowercase. You will also need to alter the links, cast and pictures URLs, and put in your imood and counter (if you have them). If you are not sure how to do this then email me.

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>Don't mess with Ms. Bell</title>
  <style type="text/css">
   body{
    background-color:#E1E7FF;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak1//bg3.gif);
    background-repeat:repeat-y;}
   .tink{
    position:absolute;
    top:-2;
    left:30;
    width:250;
    padding:15px 25px 20px 3px;
    text-align:right;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    color:#629ECF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:-2;
    left:340;
    width:270;
    padding:175px 0px 20px 18px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#000000;
    text-align:justify;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .speech{
    position:absolute;
    top:50;
    left:310;
    width:280;
    height:60;
    padding:0px;
    text-align:center;
    font:23px 'Trebuchet MS';
    font-weight:bold;
    line-height:28px;
    color:#79B500;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:18px 'Trebuchet MS';
    line-height:26px;
    font-weight:bold;
    color:#2E628D;}
   h2{
    margin:0px;
    font:12px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    color:#629ECF;}
   h3{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight:bold;
    text-align:right;
    color:#2E628D;}
   h4{
    margin:0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:26px;
    color:#2E628D;
    text-align:right;}
   h5{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight;bold;
    color:#629ECF;
    text-align:right;}
   h6{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight;bold;
    color:#2E628D;
    text-align:center;}
   strong,b,i,em,u{
    color:#79B500;}
   hr{
    margin:10px;
    border:1px solid #2E628D;
    background-color:#FFFFFF;}
   a:link{
    color:#629ECF;
    text-decoration:underline;}
   a:visited{
    color:#629ECF;
    text-decoration:underline;}
   a:hover{
    color:#2E628D;
    text-decoration:underline;}
   a:active{
    color:#2E628D;
    text-decoration:none;}
   blockquote{
    margin:15px;
    padding:10px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#567E02;
    background-color:#E3FAB4;
    border:1px solid #567E02;}
   textarea{
    margin:5px;
    padding:5px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#567E02;
    background-color:#E3FAB4;
    border:1px solid #567E02;}
  </style>
 </head>
 <body>
  <div class="tink">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak1//tink2.gif" alt="" />
    <br />
   <h4>
    navigate
   </h4>
    <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="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h4>
    contact
   </h4>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
     <br />
    <a href="mailto:USERNAME@diaryland.com">email</a>
     <br /><br />
   <h4>
    credit
   </h4>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h4>
    extra
   </h4>
    imood
     <br />
    counter
     <br />
    etc.
  </div>
  <div class="entry">
   <h1>
    %%date%% at %%time%%
   </h1>
   <h2>
    %%short_description%%
   </h2>
    <br />
   %%entry%%
    <br /><br />
   <h3>
    <a href="%%PREV%%">last</a> � <a href="%%NEXT%%">next</a>
   </h3>
  </div>
  <div class="speech">
   I killed that b**** Wendy, and you're next!
  </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>Don't mess with Ms. Bell</title>
  <style type="text/css">
   body{
    background-color:#E1E7FF;
    background-image:url(http://www.sitefights.com/community/graphics/pinkfreak1//bg3.gif);
    background-repeat:repeat-y;}
   .tink{
    position:absolute;
    top:-2;
    left:30;
    width:250;
    padding:15px 25px 20px 3px;
    text-align:right;
    font:13px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    color:#629ECF;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .entry{
    position:absolute;
    top:-2;
    left:340;
    width:270;
    padding:175px 0px 20px 18px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#000000;
    text-align:justify;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   .speech{
    position:absolute;
    top:50;
    left:310;
    width:280;
    height:60;
    padding:0px;
    text-align:center;
    font:23px 'Trebuchet MS';
    font-weight:bold;
    line-height:28px;
    color:#79B500;
    box-sizing:border-box;
    -moz-box-sizing:border-box;}
   h1{
    margin:0px;
    font:18px 'Trebuchet MS';
    line-height:26px;
    font-weight:bold;
    color:#2E628D;}
   h2{
    margin:0px;
    font:12px 'Trebuchet MS';
    font-weight:bold;
    line-height:22px;
    color:#629ECF;}
   h3{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight:bold;
    text-align:right;
    color:#2E628D;}
   h4{
    margin:0px;
    font:16px 'Trebuchet MS';
    font-weight:bold;
    line-height:26px;
    color:#2E628D;
    text-align:right;}
   h5{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight;bold;
    color:#629ECF;
    text-align:right;}
   h6{
    margin:0px;
    font:14px 'Trebuchet MS';
    line-height:24px;
    font-weight;bold;
    color:#2E628D;
    text-align:center;}
   strong,b,i,em,u{
    color:#79B500;}
   hr{
    margin:10px;
    border:1px solid #2E628D;
    background-color:#FFFFFF;}
   a:link{
    color:#629ECF;
    text-decoration:underline;}
   a:visited{
    color:#629ECF;
    text-decoration:underline;}
   a:hover{
    color:#2E628D;
    text-decoration:underline;}
   a:active{
    color:#2E628D;
    text-decoration:none;}
   blockquote{
    margin:15px;
    padding:10px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#567E02;
    background-color:#E3FAB4;
    border:1px solid #567E02;}
   textarea{
    margin:5px;
    padding:5px;
    font:11px 'Trebuchet MS';
    line-height:18px;
    color:#567E02;
    background-color:#E3FAB4;
    border:1px solid #567E02;}
  </style>
 </head>
 <body>
  <div class="tink">
   <img src="http://www.sitefights.com/community/graphics/pinkfreak1//tink2.gif" alt="" />
    <br />
   <h4>
    navigate
   </h4>
    <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="cast.html">cast</a>
     <br />
    <a href="pictures.html">pictures</a>
     <br />
    <a href="links.html">links</a>
     <br /><br />
   <h4>
    contact
   </h4>
    <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a>
     <br />
    <a href="http://USERNAME.signmyguestbook.com">guestbook</a>
     <br />
    <a href="mailto:USERNAME@diaryland.com">email</a>
     <br /><br />
   <h4>
    credit
   </h4>
    <a href="http://pink-design.diaryland.com" target="_blank">design</a>
     <br />
    <a href="http://www.diaryland.com" target="_blank">host</a>
     <br /><br />
   <h4>
    extra
   </h4>
    imood
     <br />
    counter
     <br />
    etc.
  </div>
  <div class="entry">
   <h1>
    Archives
   </h1>
    <br />
   %%older_entries%%
  </div>
  <div class="speech">
   I killed that b**** Wendy, and you're next!
  </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.

navigate

contact

credit

extra

14 April 2004 at 2:57 pm

Don't mess with Ms. Bell

last � next