Just click on the links, and paste the code into the correct area.
Each entry: <html> <head> <title>Point me to the sky above, I can't get there on my own.</title> </head> <body> <style type="text/css"> body { background-color:#000000; font-family:verdana; font-size:7pt; color:#FFFFFF; } a:link, a:visited, a:active { text-decoration: none; color: #000000; background-color:#ffffff; } a:hover { text-decoration:none; text-transform:uppercase; color:#000000; } #links { position:absolute; left:325px; top:225px; text-align:left; } #image { position:absolute; top:5px; left:5px; } #shortdescription { position:absolute; top:225px; left: 120px; color:#C0C0C0; font-size:8pt; font-weight:bold; text-align:right; } #datetime { position:absolute; top:238px; left:132px; font-weight:bold; text-align:right; } .entry { position:absolute; left:05px; top:270px; height:justify; width:310px; height:200px; padding:4px;} </style> <div id="links"> <a href="/index.html">new</a><br> <a href="http://www.diaryland.com">old</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <br> <a href="http://members.diaryland.com/edit/linkers.phtml?user=USERNAME">friends</a> <br> <a href="http://diaryland.com">the enemy</a> <br> <a href="http://www.angryrectangle.com">design</a> <br> <a href="LINK">LINK</a><br> </div> <div id="image"> <img src="/misfits.gif"> </div> <div id="shortdescription">%%short_description%%</div> <div id="datetime">[ %%date%% - %%time%% ]</div> <div class="entry"> %%entry%% <p> <A href="%%prev%%">previous</A> & <a href="%%next%%">next</A> </div> </body> </html>
Older entries: <html> <head> <title>Point me to the sky above, I can't get there on my own.</title> </head> <body> <style type="text/css"> body { background-color:#000000; font-family:verdana; font-size:7pt; color:#FFFFFF; } a:link, a:visited, a:active { text-decoration: none; color: #000000; background-color:#ffffff; } a:hover { text-decoration:none; text-transform:uppercase; color:#000000; } #links { position:absolute; left:325px; top:225px; text-align:left; } #image { position:absolute; top:5px; left:5px; } #shortdescription { position:absolute; top:225px; left: 120px; color:#C0C0C0; font-size:8pt; font-weight:bold; text-align:right; } #datetime { position:absolute; top:238px; left:132px; font-weight:bold; text-align:right; } .entry { position:absolute; left:05px; top:270px; height:justify; width:310px; height:200px; padding:4px;} </style> <div id="links"> <a href="/index.html">new</a><br> <a href="http://www.diaryland.com">old</a><br> <a href="http://members.diaryland.com/edit/profile.phtml?user=USERNAME">profile</a><br> <a href="http://members.diaryland.com/edit/notes.phtml?user=USERNAME">notes</a> <br> <a href="http://members.diaryland.com/edit/linkers.phtml?user=USERNAME">friends</a> <br> <a href="http://diaryland.com">the enemy</a> <br> <a href="http://www.angryrectangle.com">design</a> <br> <a href="LINK">LINK</a><br> </div> <div id="image"> <img src="/misfits.gif"> </div> <div id="shortdescription">Older entries:</div> <div class="entry"> %%older_entries%% </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>
previous & next
