Simple Blue boxes.
Click on screen shot to see it in action, yo :)
And don't forget to sign the guestbook.
Click HERE to change your template. (make sure youre logged in)
<html> <head> <title>Blue Boxes.</title> <style type="text/css"> body { scrollbar-face-color: #006699; scrollbar-highlight-color: #66CCCC; scrollbar-3dlight-color: #66CCCC; scrollbar-shadow-color: #66CCCC; scrollbar-arrow-color: #66CCCC; scrollbar-track-color: #66CCCC; scrollbar-darkshadow-color: #006699; background-color: #66CCCC; font-family: verdana; color: #006699; font-size: 8pt; text-align: justify; margin: 2px; } A:link { text-decoration: none; color: #66cccc; font-weight: bold; } A:visited { text-decoration: none; color: #66cccc; font-weight: bold;} A:active { text-decoration: none; color: #66cccc; font-weight: bold;} A:hover { text-decoration: none; color: #ffffff; text-transform: ; height:0; cursor: nw-resize; font-weight: bold;} blockquote {background-color:#ffffff; color:#66CCCC;padding:4px;border:1px solid #006699;} </style> </head> </body> <div style="position:absolute; left:200; right:800; top:30; width:280; height:420; border: 3px #006699 solid; background-color: #006699; border-color:#ffffFF; padding: 5px; "> <font size=4pt><font color=#ffffff><B>Navigate:</font></font></b><br> {<a href=older.html>old</a>}<br> {<a href=index.html>new</a>}<br> {<a href=http://members.diaryland.com/edit/profile.phtml?user=painguin14>profile</a>}<br> {<a href=rings.html>rings</a>}<br> {<a href=cast.html>cast</a>}<P> <font size=4pt><font color=#ffffff><B>Contact:</font></font></b><br> {<a href=http://members.diaryland.com/edit/notes.phtml?user=painguin14>notes</a>}<br> {<a href=http://painguin14.signmyguestbook.com>book</a>}<br> {<a href=mailto:painguin14@diaryland.com.>email</a>}<P> <font size=4pt><font color=#ffffff><B>Thanks:</font></font></b><br> {<a href=http://duckydesigns.diaryland.com>design</a>} <br> {<a href=http://www.diaryland.com>host</a>}<br> </div> <div style="position:absolute; right:200; top:30; width:280; height:420; border: 3px #006699 solid; background-color: #006699; border-color:#ffffFF; padding: 5px;"> <div align="right"> <font size=4pt><font color=#ffffff><B>About Me:</font></font></b><br><font color=#66cccc> I am Daina, Im 15,<br> I like meatwad...<br> blah...blah blah...<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<p></font> <font size=4pt><font color=#ffffff><B>Loves:</font></font></b><br><font color=#66cccc> ATHF, Drumming,<br> blah...blah blah...<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<p></font> <font size=4pt><font color=#ffffff><B>Hates:</font></font></b><br><font color=#66cccc> loneliness,the dark<br> blah...blah blah...<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<br> dasdasdfjldksdffsdfs<br> dadasfsdjflkdsjlkfjs<br></font> </DIV></div> <div style="position:absolute; left:320; top:40; width:320; height:380; border: 3px #ffffff solid; background-color: #66cccc; padding: 5px; overflow-y: auto; z-index: 1; "> <div align="center"> <font color=#66cccc><b>%%short_description%%</b><br> <small>posted on %%date%% at %%time%%</small><P></div> <div align="justify">%%entry%%</div> </div> <div style="position: absolute; left:420; top:425;"><a href=%%PREV%%>Before</a> </div> <div style="position: absolute; right:430; top:425;"> <a href=%%NEXT%%>After</a></div> </html> <P> </div> <div align="center"> <a href=http://duckydesigns.diaryland.com/athf.html>Before</a> - <a href=http://duckydesigns.diaryland.com/040705_92.html>After</a> </div></div> <div style="position:absolute; left:100; top:280; width:150; height:400;"> <font size=4pt color=#999999><B><U>Navigate:</font></b></u><br> {<a href=older.html>old</a>}<br> {<a href=index.html>new</a>}<br> {<a href=rules.html>rules</a>}<br> {<a href=faq.html>FAQ/help</a>}<br> {<a href=http://www.diaryland.com>host</a>}<br> <P> <font size=4pt><B><U>The Goods:</font></b></u><br> {<a href=temps.html>layouts</a>}<br> {<a href=imgs.html>graphics</a>}<br> {<a href=customs.html>customs</a>}<br><P> <font size=4pt><B><U>Contact:</font></b></u><br> {<a href=http://members.diaryland.com/edit/notes.phtml?user=duckydesigns>notes</a>}<br> {<a href=http://duckydesigns.signmyguestbook.com>book</a>}<br> {<a href=mailto:painguin14@hotmail.com.>email</a>}<P> <font size=4pt><B><U>Links:</font></b></u><br> {<a href=http://lbdesigns.diaryland.com>A Lovely Tune</a>}<br> {<a href=http://painguin14.diaryland.com>my diary</a>}<br> {<a href=http://beautify.embellished.org/>Beautify</a>}<br> {<a href=http://love-designs.diaryland.com>Love Designs</a>}<br> {<a href=http://big-list.diaryland.com>Big List</a>}<br> {<a href=http://the-toy-box.diaryland.com>The Toy Box Designs</a>}<br> {<a href=http://belladesign.diaryland.com>Bella Design</a>}<br> <P><form method=post action="http://members.notifylist.com/edit/joinlist"> <input type=hidden name="list_name" value="im-a-loser-design"> Join my Notify List:<BR> email:<input type=text name="email" value=""> <input type=submit value="join"><BR> Powered by <A HREF="http://NotifyList.com">NotifyList.com</A></FORM></P> </div> </html>
