Layout

by Charmaine

I like this background. Here is an example of what text will look like. This layout will look better if you have longer entries. So keep that in mind. If you don't write long entries, this isn't the template for you. Unless of course you really love it ... then you could always adjust the width of the div box.

Copy and paste the following codes into your diaryland editor page.
Yes, this template is coded ONLY for diaryland users.

Make sure that you sign the guestbook with the link(s) back to the site(s) that are going to use my design(s).

Main
<HTML> <HEAD> <title>You told me that you loved me and then walked away</title> <style type="text/css"> a:link {text-decoration:none;color:#707070;font-weight:bold;} a:visited{text-decoration:none;color:707070;font-weight:bold;} a:active {text-decoration:none;color:#707070;font-weight:bold;} a:hover {text-decoration:none; color:#4080BF;cursor:default;font-weight:bold;} h1 { margin:0px; font: 16pt courier; color:000000; background-color:AFCFBF; padding:5px; font-weight:bold;} h2 { margin:0px; font: 9pt courier; letter-spacing:2px; color:000000;} h3 { margin:0px; font: 12pt Trebuchet MS; color:40BF40; font-weight:bold;} blockquote {background-color:#ffffff;border:1px solid #AFCFBF;padding:5px;font:Verdana;} .nav {position:absolute;top:200;left:800;width:150; height:200;padding:10px;background-color:ffffff;text-align:center;} .nav a:link {text-decoration:none;color:#BFBF40;} .nav a:visited{text-decoration:none;color:BFBF40;} .nav a:active {text-decoration:none;color:#BFBF40;} .nav a:hover {text-decoration:none; color:#BFBF40;cursor:crosshair;font-weight:bold} .image {position:absolute;top:100px;left:715;z-index:1;} .entry {position:absolute;top:20px;left:100;width:800;height:400;z-index:1;padding:20px;background-color:#FFFFFF;} body { background:#FFFFFF; background-image: url(http://ourworld.cs.com/twintale/grunge2.jpg); background-repeat:no-reapeat; background-attachment:fixed; font-family:Verdana, Arial; color:000000; line-height:14pt; font-weight: normal; font-size:10pt; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #AFCFBF; scrollbar-3dlight-color : #AFCFBF; scrollbar-shadow-color : #AFCFBF; scrollbar-darkshadow-color : #AFCFBF00; scrollbar-track-color : #ffffff; scrollbar-arrow-color : #AFCFBF;} input,textarea {background-color:AFCFBF; padding:5px; border:none;} </style> </head> <body> <div class="entry"><h1>%%date%%</h1> <h2>%%short_description%%</h2><P>%%entry%% <p><a href="%%prev%%">previous</a> // <a href="%%next%%">next</a></p> <P><h1><center> <a href="index.html">currently</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a> <a href="http://your guestbook url here">Guestbook</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a> <a href="mailto:your email here">e-mail</a> <a href="http://tdtemp.diaryland.com">design</a> <a href="http://www.diaryland.com">host</a></h1> </div> <script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.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> </html>

Older
<HTML> <HEAD> <title>You told me that you loved me and then walked away</title> <style type="text/css"> a:link {text-decoration:none;color:#707070;font-weight:bold;} a:visited{text-decoration:none;color:707070;font-weight:bold;} a:active {text-decoration:none;color:#707070;font-weight:bold;} a:hover {text-decoration:none; color:#4080BF;cursor:default;font-weight:bold;} h1 { margin:0px; font: 16pt courier; color:000000; background-color:AFCFBF; padding:5px; font-weight:bold;} h2 { margin:0px; font: 9pt courier; letter-spacing:2px; color:000000;} h3 { margin:0px; font: 12pt Trebuchet MS; color:40BF40; font-weight:bold;} blockquote {background-color:#ffffff;border:1px solid #AFCFBF;padding:5px;font:Verdana;} .nav {position:absolute;top:200;left:800;width:150; height:200;padding:10px;background-color:ffffff;text-align:center;} .nav a:link {text-decoration:none;color:#BFBF40;} .nav a:visited{text-decoration:none;color:BFBF40;} .nav a:active {text-decoration:none;color:#BFBF40;} .nav a:hover {text-decoration:none; color:#BFBF40;cursor:crosshair;font-weight:bold} .image {position:absolute;top:100px;left:715;z-index:1;} .entry {position:absolute;top:20px;left:100;width:800;height:400;z-index:1;padding:20px;background-color:#FFFFFF;} body { background:#FFFFFF; background-image: url(http://ourworld.cs.com/twintale/grunge2.jpg); background-repeat:no-reapeat; background-attachment:fixed; font-family:Verdana, Arial; color:000000; line-height:14pt; font-weight: normal; font-size:10pt; scrollbar-face-color : #ffffff; scrollbar-highlight-color : #AFCFBF; scrollbar-3dlight-color : #AFCFBF; scrollbar-shadow-color : #AFCFBF; scrollbar-darkshadow-color : #AFCFBF00; scrollbar-track-color : #ffffff; scrollbar-arrow-color : #AFCFBF;} input,textarea {background-color:AFCFBF; padding:5px; border:none;} </style> </head> <body> <div class="entry"><h1>The Archives</h1> %%older_entries%% <P><h1><center> <a href="index.html">currently</a> <a href="older.html">archives</a> <a href="http://members.diaryland.com/edit/profile.phtml?user=%%username%%">profile</a> <a href="http://your guestbook url here">Guestbook</a> <a href="http://members.diaryland.com/edit/notes.phtml?user=%%username%%">notes</a> <a href="mailto:your email here">e-mail</a> <a href="http://tdtemp.diaryland.com">design</a> <a href="http://www.diaryland.com">host</a></h1> </div> <script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/escort.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> </html>

previous // next

currently archives profile Guestbook notes e-mail design host