Going Under

%%short_description%%
Posted @ %%date%% on %%time%%

L.D's first dark, depressing layout for all you apathetic people out there. I was inspired to do this after listening to Evanescene's Going Under, one of my favourite songs so many times. I think this layout is so pretty! You might not like the way I do the boxes but you'll love it. Make sure when replacing my loves and hates with yours put in point form and DON'T put EVERYTHING you hate or love if it's a lot of things that will just make the navigation look long and uneven.. Save this image just in case Photobucket is down one day.

Here is the entry code:

<html>
<head>
<title>Going Under</title>
<style type="text/css">

a:link{color:white;text-decoration:none;}
a:visited:{color:#ffffff;text-decoration:none;}
a:hover:{color:#cccccc;text-decoration:underline;cursor:crosshair;}
a:active{color:white;text-decoration:none;}

body
{background-color:#000000;
font-size:10px;
font-family:verdana;
color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#000000;
scrollbar-face-color:#000000;
scrollbar-highlight-color:#000000;
scrollbar-shadow-color:#ffffff;
}

td
{
line-height:12px;
font-family:verdana;
font-size:10px;
background-color:#000000;
color:#ffffff;
padding:2px;
width:150px;
border:#ffffff solid 1px;
}

.entry
{
position:absolute;
width:252px;
height:100px;
top:386px;
font-family:tahoma;
left:250px;
padding:2px;
border:#ffffff solid 1px;
}

.nav2
{
position:absolute;
left:570px;
top:5px;
width:150px;
height:50px;
}

.nav
{
position:absolute;
left:35px;
top:5px;
width:300px;
height:50px;
}

ol
{
list-style-type:circle;
margin-left:10px;
padding-left:10px;
}

hr
{
width:240px;
color:#ffffff;
}
b
{
color:#CCCCCC;
font-family:verdana;
}

i
{
color:#CCCCCC;
}

u
{
color:#CCCCCC;
}

blockquote
{
padding:2px;
border-top:#ffffff double 3px;
border-bottom:#ffffff double 3px;
border-left:#ffffff double 3px;
border-right:#ffffff double 3px;
width:150px;

}

input,textarea
{
background:#000000;
color:#ffffff;
font-family:verdana;
font-size:10px;
border:#ffffff dashed 1px;
}
</style>
</head>
<body>

<div class="entry">
<p align="center"><u><b>%%short_description%%</b></u><br>
Posted @ %%date%% on %%time%%</p>

%%entry%%
<center><a href="%%PREV%%">previous</a>--<a href="%%NEXT%%">next</a></center>

</div>

<table
>
   
    <tr>
        <td>
<p align="center"><font color="#dcdcdc">~Navigation~</font>

</p>          
        </td>
    </tr>
</table>

<a href="http://%%USERNAME%%.diaryland.com/index.html">Current</a><br>
<a href="http://%%USERNAME%%.diaryland.com/older.html">Older Entries</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://%%USERNAME%%.diaryland.com/extras.html">Extras</a><br>
</p>
        </td>
    </tr>
</table>           
  <br>                        
   
<br>
<table>

<tr>
        <td><p align="center"><font color="#dcdcdc">~About Me~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">12, canadian, pc addict, trumpet player, layout maker        </td>
    </tr>
</table>

<table
>
   
    <tr>
<br>
        <td><p align="center"><font color="#dcdcdc">~Loves~</font></p>
        </td>
    </tr>
</table>

<br>
    
<table
>
   
    <tr>
        <td><p align="center">Inuyasha, web design, making graphics, fukai mori, Adobe Photoshop,

</td>
    </tr>
</table>

<td><p align="center"><font color="#dcdcdc">~Hates~</font<</p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">bad layouts/graphics, html thieves, homework, math, science, being told what to do

</td>
    </tr>
</table>

</div>

<table
>
   
    <tr>
        <td><p align="center"><font color="#dcdcdc">~The Design~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center"><b>Layout</b>: <a href="http://love-designs.diaryland.com">L. Designs</a><br>
<b>Image</b>: <a href="http://www.gettyimages.com">Getty Images</a><br>
<b>Hosting</b>: <a href="http://www.diaryland.com">Diaryland</a><br>
        </td>
    </tr>
</table>
<br>

<table
>
   
    <tr>
        <td>
<p align="center"><font color="#dcdcdc">~Extras~</font>

</p>          
        </td>
    </tr>
</table>

<table>

<tr>
        <td>I'll leave this section up to you guys... Put buttons, extra links, etc in here        </td>
    </tr>
</table>           
        <br><br>                  
   <table
>
   
    <tr>
        <td><p align="center"><font color="#dcdcdc">~Exits~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">%%buddylist%%</td>
    </tr>
</table>

<br><br>
</div>
</html>
<script type="text/javascript" src="http://staticthumbs.freewebs.com/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>

Here is the older code:

<html>
<head>
<title>Going Under</title>
<style type="text/css">

a:link{color:white;text-decoration:none;}
a:hover:{color:#cccccc;text-decoration:underline;cursor:crosshair;}
a:visited:{color:#ffffff;text-decoration:none;}
a:active{color:white;text-decoration:none;}

td
{
line-height:12px;
font-family:verdana;
font-size:10px;
background-color:#000000;
color:#ffffff;
padding:2px;
width:150px;
border:#ffffff solid 1px;
}

.older
{
position:absolute;
width:252px;
height:100px;
top:386px;
font-family:tahoma;
left:250px;
padding:2px;
border:#ffffff solid 1px;
}

.nav2
{
position:absolute;
left:570px;
top:5px;
width:150px;
height:50px;
}

.nav
{
position:absolute;
left:35px;
top:5px;
width:300px;
height:50px;
}

ol
{
list-style-type:circle;
margin-left:10px;
padding-left:10px;
}

hr
{
width:240px;
color:#ffffff;
}
b
{
color:#CCCCCC;
font-family:verdana;
}

i
{
color:#CCCCCC;
}

u
{
color:#CCCCCC;
}

blockquote
{
padding:2px;
border-top:#ffffff double 3px;
border-bottom:#ffffff double 3px;
border-left:#ffffff double 3px;
border-right:#ffffff double 3px;
width:150px;

}

input,textarea
{
background:#000000;
color:#ffffff;
font-family:verdana;
font-size:10px;
border:#ffffff dashed 1px;
}
</style>
</head>
<body>

<div class="older">
%%older_entries%%
</div>

<table
>
   
    <tr>
        <td>
<p align="center"><font color="#dcdcdc">~Navigation~</font>

</p>          
        </td>
    </tr>
</table>

<tr>
        <td><p align="center"><font color="#dcdcdc">~About Me~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">12, canadian, pc addict, trumpet player, layout maker        </td>
    </tr>
</table>           
               <br>

<table
>
   
    <tr>
<br>
        <td><p align="center"><font color="#dcdcdc">~Loves~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">Inuyasha, web design, making graphics, fukai mori, Adobe Photoshop,

</td>
    </tr>
</table>

<td><p align="center"><font color="#dcdcdc">~Hates~</font<</p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td><p align="center">bad layouts/graphics, html thieves, homework, math, science, being told what to do

</td>
    </tr>
</table>

</div>

<table
>
   
    <tr>
        <td><p align="center"><font color="#dcdcdc">~The Design~</font></p>
        </td>
    </tr>
</table>

<table
>
   
    <tr>
        <td>
<p align="center"><font color="#dcdcdc">~Extras~</font>

</p>          
        </td>
    </tr>
</table>

<table>

<table
>
   
    <tr>
        <td><p align="center">%%buddylist%%</td>
    </tr>
</table>

Leave a note if you use this template!

This website is hosted for free by

. Get your own Free Website now!

previous--next