Zoombeanie Designs

Alone...
04/12/2004 // 1:55 a.m.

Click here to preview. Link opens in a new window.

My first layout give away for this site! I'm darn proud of it too. ^_^.

It's an in-scroll (hope you understand what I mean) located on the right. There's a picture on the left of someone pretty much curled up and the word "I feel" all over the place and towards the bottom it says "I feel so alone." The links are located at the bottom. I'm not sure what it would look like with a bunch of links, but I'm pretty sure it will look fine.

If you want this layout here are the codes:

Entry page (opens in a new window. Must be logged in):

<html>
<head>
<title>Alone...</title>
<style type="text/css">
A:link {text-decoration: none; color: #5E5E5E;}
A:visited {text-decoration: line-through; color: #5E5E5E;}
A:active {text-decoration: line-through; color: #5E5E5E;}
A:hover {text-decoration; line-through; color: #EAE8E9}

body {background-color: #000000;
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color:#000000; 
scrollbar-arrow-color: #000000;
}

.image {position: absolute; 
top: 50; 
left: 100;
}

.entry {position: absolute;
top: 50;
left: 365;
width: 300;
height: 397;
font-family: arial;
font-size: 11px;
color: #FFFFFF;
text-align: left;
padding: 3px;
overflow: auto;
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color:#000000; 
scrollbar-arrow-color: #FFFFFF;
}

.links { position: absolute;
top: 448;
left: 100;
width: 563;
z-index: 3;
font-family: arial;
color: #FFFFFF;
font-size: 11px;
text-align: center;
padding: 3px;
}

</style>
</head>

<div class=entry>
<b>%%short_description%%</b><br>
date%% - %%time%%
<p></p>
%%entry%%
<p></p>
<a href="customs.html">fading</a> - <a href="fvalentine.html">away</a><p></p>
</div>

<div class=links>
<a href="index.html">new</a> - 
<a href="older.html">old</a> - 
<a href="http://members.diaryland.com/edit/profile.phtml?user=%%USERNAME%%">profile</a> - 
<a href="mailto:YOUREMAIL@whatever.com?subject=what ever you want the subject bar to say">email</a> - 
<a href="http://members.diaryland.com/edit/notes.phtml?user=%%USERNAME%%">
notes</a> - 
<a href="aim:goim?screenname=YOURSCREENNAME&message=Hi!!">aim</a> - <a href="RINGSLINK.html">rings</a> - <a href="http://zoombeanie.diaryland.com">design</a> - <a href="http://www.diaryland.com">host</a><p></p>
</div>

</body>
</html>

Older page (opens in a new window. Must be logged in):

.image {position: absolute; 
top: 50; 
left: 100; 
}

.links { position: absolute;
top: 448;
left: 100;
width: 563;
font-family: arial;
color: #FFFFFF;
font-size: 11px;
text-align: center;
padding: 3px;
}

</style>
</head>

<div class=entry>
<b>The Forgotten</b>
<p></p>
%%older_entries%%
</div>

</body>
</html>

Leave the design link up. Leave a note. Image is already hosted. If you'd like to host your own image, it can be found here. Change all the UPPERCASE words to lower case. Enjoy the layout.

<< // >>