Images to host: background
Just click on the links, and paste the code into the correct area.
Each entry: <html> <head> <title>My glory box has failed</title> </head> <STYLE TYPE="text/css"> body { background-color:#6BD6B5; background-image: url(/atthedrivein.gif); background-repeat: no-repeat; } a:link, a:visited, a:active { text-decoration: none; color:#FFFFFF;} a:hover { text-decoration: none;color:#000000;} </style> <body> <style type="text/css"> #username { position:absolute; left:90px; top:74px; font-size:7pt; letter-spacing:.3em; font-variant: small-caps; font-family:verdana; color:#FFFFFF; text-align:center; } .entry { position:absolute; left:30px; top:85px; width:290px; height:200px; font-family: verdana; font-size:7pt; color:#000000; line-height:14px; text-align:justify; overflow-y: scroll; overflow-x: hidden; padding-right:6px; } #description { font-size:8pt; color:#FFFFFF; text-align:center; } #datetime { color:#454D50; text-align:center; font-weight:bold } #links { position:absolute; left:620px; top:125px; font-family:verdana; font-weight:bold; font-size:8pt; color:#000000; text-align:left; } </style> <div id="username">YOUR_USERNAME.diaryland.com</div> <div class="entry"> <div id="description">%%short_description%%</div> <div id="datetime">%%date%% - %%time%%</div> <p> %%entry%% <p> <center> <a href="%%prev%%">< !</a> & <a href="%%next%%">! ></a> </p> </div> <div id="links"> <a href="/index.html">I</a><br> <a href="/older.html">wish</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=YOUR_USER_NAME">I</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=YOUR_USER_NAME">was</a><br> <a href="http://members.diaryland.com/edit/linkers.phtml?user=YOUR_USER_NAME">an</a><br> <a href="http://diaryland.com">as</a><br> <a href="http://www.angryrectangle.com">tro</a><br> <a href="http://www.diaryland.com">naut</a></div> </div> </body> </html>
Older entries: <html> <head> <title>My glory box has failed</title> </head> <STYLE TYPE="text/css"> body { background-color:#6BD6B5; background-image: url(/atthedrivein.gif); background-repeat: no-repeat; } a:link, a:visited, a:active { text-decoration: none; color:#FFFFFF;} a:hover { text-decoration: none;color:#000000;} </style> <body> <style type="text/css"> #username { position:absolute; left:90px; top:74px; font-size:7pt; letter-spacing:.3em; font-variant: small-caps; font-family:verdana; color:#FFFFFF; text-align:center; } .entry { position:absolute; left:30px; top:85px; width:290px; height:200px; font-family: verdana; font-size:7pt; color:#000000; line-height:14px; text-align:justify; overflow-y: scroll; overflow-x: hidden; padding-right:6px; } #description { font-size:8pt; color:#FFFFFF; text-align:center; } #links { position:absolute; left:620px; top:125px; font-family:verdana; font-weight:bold; font-size:8pt; color:#000000; text-align:left; } </style> <div id="username">YOUR_USERNAME.diaryland.com</div> <div class="entry"> <div id="description">Older entries:</div> <p> %%older_entries%% <p> </p> </div> <div id="links"> <a href="/index.html">I</a><br> <a href="/older.html">wish</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=YOUR_USER_NAME">I</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=YOUR_USER_NAME">was</a><br> <a href="http://members.diaryland.com/edit/linkers.phtml?user=YOUR_USER_NAME">an</a><br> <a href="http://diaryland.com">as</a><br> <a href="http://www.angryrectangle.com">tro</a><br> <a href="http://www.diaryland.com">naut</a></div> </div> </body> </html>
Each older entry: <font size="1" face="verdana"> %%date%% - <font size="1" face="verdana"> <a href="%%page_name%%">%%short_description%%</a></font><br>