[KiwiDesign] - [Lisa - Oasis - Little By Little]

Lisa - Oasis - Little By Little
At 5:27 p.m. on 2004-09-11

Don't forget to change the %% PREV %% and %% NEXT %% to lower case, and change everything that says USERNAME to your diaryland username.

I love this song, but i could never fine a picture that suited it all that well. But i guess I made this one work:) This is my first layout i've ever done with a drop down menu! ITs kinda hard to read in the screenshot, but it says "Little by little, i gave you everythign you ever dreamed of" and "The wheels of your life have slowly fallen off"

Here is the code for the entry page:

<html> <head> <title>[Little By Little] - [%%short_description%%]</title> <style type="text/css"> body {background-color: #0E0E0E; scrollbar-face-color:#E0E0E0; scrollbar-highlight-color: #FCFCFC; scrollbar-shadow-color: #0E0E0E; scrollbar-3dlight-color: #E0E0E0; scrollbar-arrow-color: #0E0E0E; scrollbar-darkshadow-color:#1A1309; scrollbar-highlight-color:#363636; scrollbar-track-color:#E0E0E0; } font-family: tahoma; color: #0E0E0E; line-height:11px; letter-spacing:0px; text-align:justify; margin: 0px; font-size: 9pt;} a:link {text-decoration: none; color: #BE0000; font weight: bold} a:visited {text-decoration: none; color: #BE0000; font weight: bold} a:active {text-decoration: none; color: #BE0000; font weight: bold} a:hover {text-decoration: none; color: #0E0E0E;} b {color:#BE0000;} i {color:#BE0000;} u {color:#BE0000;} </style> </head> <div style="position: absolute; top: 2px;left: 2px;"> <img src="http://ourworld.cs.com/foxxxylisa6/little.jpg"></div> <DIV id=table style="BORDER-RIGHT: #363636 1px solid; PADDING-RIGHT: 5px; BORDER-LEFT: #363636 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ffffff; LEFT: 387px; BORDER-BOTTOM: #363636 1px solid; PADDING-BOTTOM: 5px; BORDER-TOP: #363636 1px solid; OVERFLOW: auto; PADDING-TOP: 5px; WIDTH: 382px; POSITION: absolute; TOP: 1px; HEIGHT: 480px"> <b><u>%%short_description%%</b></u><br></font></font> At %%time%% on %%date%%<P> </font> %%entry%% <P> <p align="right"><a href="goingunder.html">Back</a>|-|<a href="haveyou.html">Next</a><P> <form ACTION=URI> <select name=navigation onchange="location.href=(form.navigation.options[form.navigation.selectedIndex].value)"> <option value="0">Navigation</option> <option value="0"></option> <option value="/index.html"> Current</option> <option value="older.html"> Older</option> <option value="http://members.diaryland.com/edit/profile.phtml?user=USERNAME"> Profile</option> <option value="http://members.diaryland.com/edit/linkers.phtml?user=USERNAME" target="_blankl">Fans</option> <option value="http://members.diaryland.com/edit/notes.phtml?user=USERNAME"> Notes</option> <option value="http://Kiwidesign.diaryland.com"> Design</option> </select> </form> <a href="http://www.diaryland.com">Back to Diaryland</a><P> </div> </html>

Here is the code for the older page:

<html> <head> <title>[Little By Little] - [Older]</title> <style type="text/css"> body {background-color: #0E0E0E; scrollbar-face-color:#E0E0E0; scrollbar-highlight-color: #FCFCFC; scrollbar-shadow-color: #0E0E0E; scrollbar-3dlight-color: #E0E0E0; scrollbar-arrow-color: #0E0E0E; scrollbar-darkshadow-color:#1A1309; scrollbar-highlight-color:#363636; scrollbar-track-color:#E0E0E0; } font-family: tahoma; color: #0E0E0E; line-height:11px; letter-spacing:0px; text-align:justify; margin: 0px; font-size: 9pt;} a:link {text-decoration: none; color: #BE0000; font weight: bold} a:visited {text-decoration: none; color: #BE0000; font weight: bold} a:active {text-decoration: none; color: #BE0000; font weight: bold} a:hover {text-decoration: none; color: #0E0E0E;} b {color:#BE0000;} i {color:#BE0000;} u {color:#BE0000;} </style> </head> <div style="position: absolute; top: 2px;left: 2px;"> <img src="http://ourworld.cs.com/foxxxylisa6/little.jpg"></div> <DIV id=table style="BORDER-RIGHT: #363636 1px solid; PADDING-RIGHT: 5px; BORDER-LEFT: #363636 1px solid; PADDING-LEFT: 5px; BACKGROUND: #ffffff; LEFT: 387px; BORDER-BOTTOM: #363636 1px solid; PADDING-BOTTOM: 5px; BORDER-TOP: #363636 1px solid; OVERFLOW: auto; PADDING-TOP: 5px; WIDTH: 382px; POSITION: absolute; TOP: 1px; HEIGHT: 480px"> <b><u>Way Back When...</u></b><P> %%older_entries%%<P> <form ACTION=URI> <select name=navigation onchange="location.href=(form.navigation.options[form.navigation.selectedIndex].value)"> <option value="0">Navigation</option> <option value="0"></option> <option value="/index.html"> Current</option> <option value="older.html"> Older</option> <option value="http://members.diaryland.com/edit/profile.phtml?user=USERNAME"> Profile</option> <option value="http://members.diaryland.com/edit/linkers.phtml?user=USERNAME" target="_blankl">Fans</option> <option value="http://members.diaryland.com/edit/notes.phtml?user=USERNAME"> Notes</option> <option value="http://Kiwidesign.diaryland.com"> Design</option> </select> </form> <a href="http://www.diaryland.com">Back to Diaryland</a><P> </div> </html>

Last -+- Next