Boola Boola Island is a tropical paradise with lots of pictures.
Here is the HTML for your entry page: <html> <body> <title>Boola Boola Island</title> <body bgcolor="#FFCC66"> <div id="layer 1" style="position:absolute; top:15; left:15; width:280; height:100; z-index:1; padding:5px; border: orange 2px solid; background-color:orange; overflow: auto;"> <font face="Tahoma" size="2"><b>%%date%% -- %%time%%<br>%%short_description%%</b><p>%%entry%%<p><p><center><a href="http://get-dazzled.diaryland.com/http://get-dazzled.diaryland.com/brittany.html">rewind</a> l <a href="http://get-dazzled.diaryland.com/http://get-dazzled.diaryland.com/icecream.html">fastforward</a></center></div> <div id="layer 1" style="position:absolute; top:130; left:15; width:280; height:188; background-color: orange;"><img src="http://delivery.gettyimages.com/comp/ab13072.jpg?x=x&dasite=GETTYIMAGES&ef=1&ev=1&dareq=4C2723345C001142435144415C594D"></div> <style type="text/css"> A:link { text-decoration: none; color: FFCC66; } A:visited { text-decoration: none; color: FFCC66; } A:active { text-decoration: none; color: FFCC66; } A:hover { text-decoration: none; color: orange; background-image: url(yourimage.gif); background-color: #000000; cursor: crosshair; } body { scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } </style> <div id="layer 1" style="position:absolute; top:400; left:450; width:280; height:189; z-index:1; padding:5px; border: orange 2px solid; background-color: orange;"> <font face="Tahoma" size="2"><a href="index.html">current</a> ~ <a href="older.html">older</a> ~ <a href="http://members.diaryland.com/edit/profile.phtml?user=get-dazzled">profile</a> ~ <a href="http://members.diaryland.com/edit/notes.phtml?user=get-dazzled">notes</a> ~ <a href="http://anointed1.diaryland.com">designs</a> ~ <a href="http://www.diaryland.com">host</a><img src="http://delivery.gettyimages.com/comp/200022185-001.jpg?x=x&dasite=GETTYIMAGES&ef=1&ev=1&dareq=4C31305F425143434253424B454C4343414D4B4D"></div> <div id="layer 1" style="position:absolute; top:260; left:375; width:20; height:200; z-index:1; padding:5px; border: #000000 2px solid; background-color:orange;"></div> <div style="position:absolute; left:30px; top:500px; width:280px; height:80px; background-color:orange; overflow:auto; scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } "><font face="Tahoma" size="2">Tell a little bit about yourself here.</div> <div style="position:absolute; left:400px; top:70px; width:100px; height:40px; background-color:orange; overflow:auto; scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } "><font face="Tahoma" size="2"><b>Reads</b><br><A HREF="http://dramatizer.diaryland.com/">dramatizer</A><BR></div> <div id="layer 1" style="position:absolute; top:175; left:600; width:150; height:100; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><b>Loves</b><br>Summertime, designing anything, writing, dreaming, family...</div> <div id="layer 1" style="position:absolute; top:125; left:459; width:100; height:150; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><b>Hates</b><br>Evil, allergies, hangnails, stubed toes, mean people, cold noses, no laughter...</div> <div id="layer 1" style="position:absolute; top:20; left:600; width:110; height:110; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/AA042494.jpg?x=x&a=AA042494&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:350; left:0; width:73; height:110; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/AA021753.jpg?x=x&a=AA021753&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:320; left:100; width:110; height:73; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/LS004835.jpg?x=x&a=LS004835&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:340; left:245; width:89; height:110; z-index:1; padding:5px; border: #FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/280541-001.jpg?x=x&a=280541-001&b=TSI&t=1"></div> </body> </html>
Here is the HTML for your older entries page: <html> <body> <title>Boola Boola Island</title> <body bgcolor="#FFCC66"> <div id="layer 1" style="position:absolute; top:15; left:15; width:280; height:100; z-index:1; padding:5px; border: orange 2px solid; background-color:orange;overflow: auto;"> <font face="Tahoma" size="2"> %%older_entries%%<p><p><center><a href="http://get-dazzled.diaryland.com/brittany.html">rewind</a> l <a href="http://get-dazzled.diaryland.com/icecream.html">fastforward</a></center></div> <div id="layer 1" style="position:absolute; top:130; left:15; width:280; height:188; background-color: orange;"><img src="http://delivery.gettyimages.com/comp/ab13072.jpg?x=x&dasite=GETTYIMAGES&ef=1&ev=1&dareq=4C2723345C001142435144415C594D"></div> <style type="text/css"> A:link { text-decoration: none; color: FFCC66; } A:visited { text-decoration: none; color: FFCC66; } A:active { text-decoration: none; color: FFCC66; } A:hover { text-decoration: none; color: orange; background-image: url(yourimage.gif); background-color: #000000; cursor: crosshair; } body { scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } </style> <div id="layer 1" style="position:absolute; top:400; left:450; width:280; height:189; z-index:1; padding:5px; border: orange 2px solid; background-color: orange;"> <font face="Tahoma" size="2"><a href="index.html">current</a> ~ <a href="older.html">older</a> ~ <a href="http://members.diaryland.com/edit/profile.phtml?user=get-dazzled">profile</a> ~ <a href="http://members.diaryland.com/edit/notes.phtml?user=get-dazzled">notes</a> ~ <a href="http://anointed1.diaryland.com">designs</a> ~ <a href="http://www.diaryland.com">host</a><img src="http://delivery.gettyimages.com/comp/200022185-001.jpg?x=x&dasite=GETTYIMAGES&ef=1&ev=1&dareq=4C31305F425143434253424B454C4343414D4B4D"></div> <div id="layer 1" style="position:absolute; top:260; left:375; width:20; height:200; z-index:1; padding:5px; border: #000000 2px solid; background-color:orange;"></div> <div style="position:absolute; left:30px; top:500px; width:280px; height:80px; background-color:orange; overflow:auto; scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } "><font face="Tahoma" size="2">Tell a little bit about yourself here.</div> <div style="position:absolute; left:400px; top:70px; width:100px; height:40px; background-color:orange; overflow:auto; scrollbar-face-color : FFCC66; scrollbar-highlight-color : orange; scrollbar-3dlight-color : orange; scrollbar-shadow-color : orange; scrollbar-darkshadow-color : orange; scrollbar-track-color : FFCC66; scrollbar-arrow-color : orange; } "><font face="Tahoma" size="2"><b>Reads</b><br><A HREF="http://dramatizer.diaryland.com/">dramatizer</A><BR></div> <div id="layer 1" style="position:absolute; top:175; left:600; width:150; height:100; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><b>Loves</b><br>Summertime, designing anything, writing, dreaming, family...</div> <div id="layer 1" style="position:absolute; top:125; left:459; width:100; height:150; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><b>Hates</b><br>Evil, allergies, hangnails, stubed toes, mean people, cold noses, no laughter...</div> <div id="layer 1" style="position:absolute; top:20; left:600; width:110; height:110; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/AA042494.jpg?x=x&a=AA042494&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:350; left:0; width:73; height:110; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/AA021753.jpg?x=x&a=AA021753&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:320; left:100; width:110; height:73; z-index:1; padding:5px; border: FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/LS004835.jpg?x=x&a=LS004835&b=PDIG&t=1"></div> <div id="layer 1" style="position:absolute; top:340; left:245; width:89; height:110; z-index:1; padding:5px; border: #FFCC66 2px solid; background-color:orange;"><img src="http://cache.gettyimages.com/thumb/280541-001.jpg?x=x&a=280541-001&b=TSI&t=1"></div> </body> </html>
Get a Template!
my diaryhost
online
