verion 6 - MASS CONFUSION

The Reason
7:34 p.m.//2004-04-20
back || next

Layout based on Hoobastank's "The Reason", which I fell in love with. Nice soft blues, easy navigation. Top graphic with lyrics and main title. Also a small navigational graphic. Room for "About me"s and an extra secion for pictures or something. :) Have fun

Index HTML
<html> <TITLE>&&&--- My Reason ---&&&</TITLE> <style type="text/css">  </style> <img src="http://ourworld.cs.com/CrimsonLife0223/school_year/reason.jpg" border="1">  <IMG SRC="http://ourworld.cs.com/CrimsonLife0223/school_year/navigational.jpg" USEMAP="#navigational" BORDER="0" style="position:absolute; top: 10px; right:10px;"> <MAP NAME="navigational"> <AREA SHAPE=RECT COORDS="85,0,115,13" HREF="index.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Latest'; return true"> <AREA SHAPE=RECT COORDS="118,0,167,13" HREF="older.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Archives'; return true"> <AREA SHAPE=RECT COORDS="171,3,212,12" HREF="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Profile'; return true"> <AREA SHAPE=RECT COORDS="216,1,250,13" HREF="http://members.diaryland.com/edit/notes.phtml?user=USERNAME" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Notes'; return true"> <AREA SHAPE=RECT COORDS="30,12,66,23" HREF="extrapage.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Extra Page'; return true"> <AREA SHAPE=RECT COORDS="69,12,108,23" HREF="http://trio-designs.diaryland.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Trio-Designs'; return true"> <AREA SHAPE=RECT COORDS="108,12,149,22" HREF="mailto:EMAILNAME@placehere.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Email'; return true"> <AREA SHAPE=RECT COORDS="150,14,181,23" HREF="http://USERNAME.signmyguestbook.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Guestbook'; return true"> <AREA SHAPE=RECT COORDS="3,11,27,22" HREF="aim:goim?screenname=AIMSCREENNAME&message=BOO!+haha+scared+you!+:)" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='AOL Instant Messenger'; return true"> </MAP>  <DIV style="top: 160px; right:10px; background-color: #849FCE; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 25px; width: 257px; z-index: 2; overflow:auto;"> <b><font color="white">Pictures & Stuff</b></font> </div> <DIV style="top: 192px; right:10px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 2px; border-right: #000000 1px solid; padding-right: 2px; border-bottom: #000000 1px solid; padding-bottom: 2px; position: absolute; height: 388px; width: 257px; z-index: 2; overflow:auto;"> %%%%%%%%pictures and crap%%%%%%%% </div> <DIV id=table style="top: 34px; right:10px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 2px; border-right: #000000 1px solid; padding-right: 2px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 120px; width: 257px; z-index: 2; overflow:auto;"> <B><font color="white">Right now I am...</font></b> Write who you are here, or something. This gives you a lot of space. Write who you are here, or something. This gives you a lot of space.<BR> <B><font color="white">I'm Lovin...</font></b> write who or what you love here. I don't want to put hates. This is a good layout, don't want to ruin it with hate. :) </div> <DIV style="top: 210px; left:05px; background-color: #849FCE; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 25px; width: 712px; z-index: 2; overflow:auto;"> <font color="white"><B>%%short_description%%</font color></b> </div> <DIV style="top: 240px; left:05px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 340px; width: 712px; z-index: 2; overflow:auto;"> <FONT SIZE="-2">%%time%%//%%date%%<br> <a href="%%PREV%%">back</a> \ <a href="%%NEX%%">next</a><P> %%entry%%<P> <center> <font face="Wingdings 2" size="4">h</font>Miss Me Yet?<font face="Wingdings 2" size="4">g</font><BR> %%older_entries%%<P><P> <font size="1">Hosted at <a href="http://diaryland.com">Diaryland</a></font> </div> </body> </html>

Older HTML
<html>  <noembed><xmp> <BODY> </xmp></noembed>  <TITLE>&&&--- My Reason ---&&&</TITLE> <style type="text/css">  </style> <img src="http://ourworld.cs.com/CrimsonLife0223/school_year/reason.jpg" border="1">   <IMG SRC="http://ourworld.cs.com/CrimsonLife0223/school_year/navigational.jpg" USEMAP="#navigational" BORDER="0" style="position:absolute; top: 10px; right:10px;"> <MAP NAME="navigational"> <AREA SHAPE=RECT COORDS="85,0,115,13" HREF="index.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Latest'; return true"> <AREA SHAPE=RECT COORDS="118,0,167,13" HREF="older.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Archives'; return true"> <AREA SHAPE=RECT COORDS="171,3,212,12" HREF="http://members.diaryland.com/edit/profile.phtml?user=USERNAME" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Profile'; return true"> <AREA SHAPE=RECT COORDS="216,1,250,13" HREF="http://members.diaryland.com/edit/notes.phtml?user=USERNAME" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Notes'; return true"> <AREA SHAPE=RECT COORDS="30,12,66,23" HREF="extrapage.html" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Extra Page'; return true"> <AREA SHAPE=RECT COORDS="69,12,108,23" HREF="http://trio-designs.diaryland.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Trio-Designs'; return true"> <AREA SHAPE=RECT COORDS="108,12,149,22" HREF="mailto:EMAILNAME@placehere.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Email'; return true"> <AREA SHAPE=RECT COORDS="150,14,181,23" HREF="http://USERNAME.signmyguestbook.com" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='Guestbook'; return true"> <AREA SHAPE=RECT COORDS="3,11,27,22" HREF="aim:goim?screenname=AIMSCREENNAME&message=BOO!+haha+scared+you!+:)" OnMouseOut="window.status=''; return true" OnMouseOver="window.status='AOL Instant Messenger'; return true"> </MAP>  <DIV style="top: 160px; right:10px; background-color: #849FCE; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 25px; width: 257px; z-index: 2; overflow:auto;"> <b><font color="white">Pictures & Stuff</b></font> </div> <DIV style="top: 192px; right:10px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 2px; border-right: #000000 1px solid; padding-right: 2px; border-bottom: #000000 1px solid; padding-bottom: 2px; position: absolute; height: 388px; width: 257px; z-index: 2; overflow:auto;"> %%%%%%%%pictures and crap%%%%%%%% </div> <DIV id=table style="top: 34px; right:10px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 2px; border-right: #000000 1px solid; padding-right: 2px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 120px; width: 257px; z-index: 2; overflow:auto;"> <B><font color="white">Right now I am...</font></b> Write who you are here, or something. This gives you a lot of space. Write who you are here, or something. This gives you a lot of space.<BR> <B><font color="white">I'm Lovin...</font></b> write who or what you love here. I don't want to put hates. This is a good layout, don't want to ruin it with hate. :) </div> <DIV style="top: 210px; left:05px; background-color: #849FCE; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 25px; width: 712px; z-index: 2; overflow:auto;"> <font color="white"><B>Older Entries</font color></b> </div> <DIV style="top: 240px; left:05px; border-top: #000000 1px solid; padding-top: 2px; border-left: #000000 1px solid; padding-left: 5px; border-right: #000000 1px solid; padding-right: 5px; border-bottom: #000000 1px solid; padding-bottom: 5px; position: absolute; height: 340px; width: 712px; z-index: 2; overflow:auto;"> <FONT SIZE="-2">Here // Now<br> There \ Then<P> %%older_entries%%<P> <center> <font size="1">Hosted at <a href="http://diaryland.com">Diaryland</a></font> </div> </body> </html>

hMiss Me Yet?g
goodbye - 2005-04-23
Sorry For The Contents - 2005-02-11
Promise - 2005-02-11
The Reason - 2004-04-20
Today, Yesterday, Tomorrow - 2004-03-07