calvin and hobbes

%%short_description%%
...written on %%date%%, @ %%time%%

%%entry%%

I am addicted to Calvin and Hobbes comic strips. I love Calvin's innocent sadism. And his dad's matter-of-factness when dealing with Calvin's never-ending questions. So a C&H template was inevitable. I like the way this one turned out. It's a fun, cute template and it looks great in both 1024 x 768 and 800 x 600. I added a little code to spice up your <b>bold</b>, <i>italic</i> and <u>underline</u> tags. Woohoo.

And not forgetting the blockquote:

Yup, a spiffy blockquote just for you! Blockquotes can be used for anything, song lyrics, quotations from other people, etc. Know how to do a blockquote? Do this: type whatever you want in between Simple enough?

Below is the stuff for you to copy and paste into your entry page.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html>  <head> <title> calvin and hobbes </title> <SCRIPT LANGUAGE="JavaScript">  </script> <STYLE type="text/css"> A:link {color: #D02018;text-decoration:none; background-color:none;} A:visited {color: #D02018;text-decoration:none; background-color:none;} A:active {color: #D02018;text-decoration:none; background-color:none;} A:hover {color: #FFFFFF;text-decoration:none; background-color:#D02018; border: 1pt solid #000000; cursor: crosshair;} blockquote {padding: 5px; background: #F0D030; border: 4px solid #000000; color: #000000} b {color: #E86028;} i {color: #E86028;} u {color: #E86028;} BODY { scrollbar-face-color: #E86028; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; background-color: #FFFFFF; background-image: url("http://ourworld.cs.com/xevelle/calvinbg.jpg"); background-repeat: repeat-y; background-position: left font-family: trebuchet ms, sans-serif; font-size: 10; letter-spacing: 1px; text-align: left; color: #000000;} </style> <div id="Layer1" style="background-color:#FFFFFF; border:none; position:absolute; width:496px; height:494px; z-index:2; left: 1px; top: 0px;"><img src="http://ourworld.cs.com/xevelle/calvin.jpg" width="496" height="494"></div> <div id="Layer2" style="border:2pt solid #000000; position:absolute; width:100px; height:10px; z-index:2; left: 497px; top: 87px; padding: 3px; text-align:center;"> <P><a href="http://www.geocities.com/index.html">new</a><br> <a href="http://www.geocities.com/older.html">old</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">bio</a><br> <a href="http://www.geocities.com/mytriall/DIARYRINGPAGE">rings</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a><br> <a href="http://usernameatsignmyguestbook.signmyguestbook.com/">book</a><br> <a href="mailto:USERNAME@diaryland.com">mail</a><br> <a href="http://x-designs.diaryland.com/">design</a><br> <a href="http://the-mojo.com/">psd</a><br> <a href="http://www.diaryland.com/">host</a><br> <a href="http://www.geocities.com/mytriall/link">link</a><br> <a href="http://www.geocities.com/mytriall/link">link</a><br> <a href="http://www.geocities.com/mytriall/link">link</a></P> </div> <div id="Layer3" style="border:none; position:absolute; width:466px; height:50px; z-index:2; left: 17px; top: 490px; padding:3px;"> <P align=right><b>%%short_description%%</b><br> ...written on %%date%%, @ %%time%%</P> <P>%%entry%%</P> <P align=right> <a href="index-2.html">calvin</a> & <a href="index-3.html">hobbes</a></p> </div> </body>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

Below is the stuff for you to copy and paste into your older page.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html>  <head> <title> calvin and hobbes </title> <SCRIPT LANGUAGE="JavaScript">  </script> <STYLE type="text/css"> A:link {color: #D02018;text-decoration:none; background-color:none;} A:visited {color: #D02018;text-decoration:none; background-color:none;} A:active {color: #D02018;text-decoration:none; background-color:none;} A:hover {color: #FFFFFF;text-decoration:none; background-color:#D02018; border: 1pt solid #000000; cursor: crosshair;} blockquote {padding: 5px; background: #F0D030; border: 4px solid #000000; color: #000000} b {color: #E86028;} i {color: #E86028;} u {color: #E86028;} BODY { scrollbar-face-color: #E86028; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-shadow-color: #000000; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; background-color: #FFFFFF; background-image: url("http://ourworld.cs.com/xevelle/calvinbg.jpg"); background-repeat: repeat-y; background-position: left font-family: trebuchet ms, sans-serif; font-size: 10; letter-spacing: 1px; text-align: left; color: #000000;} </style> <div id="Layer1" style="background-color:#FFFFFF; border:none; position:absolute; width:496px; height:494px; z-index:2; left: 1px; top: 0px;"><img src="http://ourworld.cs.com/xevelle/calvin.jpg" width="496" height="494"></div> <div id="Layer2" style="border:2pt solid #000000; position:absolute; width:100px; height:10px; z-index:2; left: 497px; top: 87px; padding: 3px; text-align:center;"> <P><a href="http://www.geocities.com/index.html">new</a><br> <a href="http://www.geocities.com/older.html">old</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">bio</a><br> <a href="http://www.geocities.com/mytriall/DIARYRINGPAGE">rings</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a><br> <a href="http://usernameatsignmyguestbook.signmyguestbook.com/">book</a><br> <a href="mailto:USERNAME@diaryland.com">mail</a><br> <a href="http://x-designs.diaryland.com/">design</a><br> <a href="http://the-mojo.com/">psd</a><br> <a href="http://www.diaryland.com/">host</a><br> <a href="http://www.geocities.com/mytriall/link">link</a><br> <a href="http://www.geocities.com/mytriall/link">link</a><br> <a href="http://www.geocities.com/mytriall/link">link</a></P> </div> <div id="Layer3" style="border:none; position:absolute; width:466px; height:50px; z-index:2; left: 17px; top: 490px; padding:3px;"> <P align=right><b>Archives</b><br> ...friendship in its truest form.</P> <P>%%older_entries%%</P> </div> </body>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

Don't forget to change the USERNAMEs to your own diaryland username. Do not remove my link, and remember to sign the guestbook or leave a note if you take this template.

calvin & hobbes