Zoombeanie Designs

A Fairy's Tale.
05/22/2004 // 3:09 a.m.

to check out this layout, click here. Link opens in a new window.

I like this layout.

It has a beautiful fairy laying on a mushroom. The word's "A Fairy's Tale" are spread out. It's an in scroll box.

If you like this layout here are the codes:

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

<html>
<title>A Fairy's Tale</title>
<head>
<style type="text/css">
A:link {text-decoration: none; color: #070715;}
A:visited {text-decoration: line-through; color: #3A0E32;}
A:active {text-decoration: none; color: #3A0E32;}
A:hover {text-decoration:underline; color: #3A0E32;}

body {background-color: #0B0F1A;
scrollbar-face-color: #0B0F1A; 
scrollbar-shadow-color: #6D4977;
scrollbar-highlight-color: #0B0F1A;
scrollbar-3dlight-color: #6D4977; 
scrollbar-darkshadow-color: #0B0F1A; 
scrollbar-track-color: #0B0F1A; 
scrollbar-arrow-color: #6D4977;
}

.image {position: absolute; 
top: 0; 
left: 2; 
z-index:1;
}

.entry { position: absolute;
top: 82;
left: 149;
width: 360;
height: 448;
z-index: 2;
overflow: auto;
font-family: Arial;
font-size: 11px;
color: #000F70;
text-align: left;
padding: 5px;
scrollbar-face-color: #1D6A94; 
scrollbar-shadow-color: #112F45;
scrollbar-highlight-color: #1D6A94;
scrollbar-3dlight-color: #112F45; 
scrollbar-darkshadow-color: #1D6A94; 
scrollbar-track-color: #1D6A94; 
scrollbar-arrow-color: #112F45;
filter:alpha(opacity=50)
}

.links { position: absolute;
top: 82;
left: 10;
width: 120;
z-index: 2;
font-family: Arial;
font-size: 11px;
text-align: center;
border-left: 1px #112F45 solid;
border-right: 1px #112F45 solid;
border-top: 1px #112F45 solid;
border-bottom: 1px #112F45 solid;
padding: 3px;
background: #1D6A94;
filter:alpha(opacity=70)
}

</style>
</head>

<div class=entry>
<b>%%short_description%%</b><br>
%%date%% // %%time%%
<p></p>
%%entry%%

<div class=links>
<a href="index.html">new</a><br>
<a href="older.html">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://GUESTBOOKLINK.com">guestbook</a><br>
<a href="mailto:YOUREMAIL@WHATEVER.com?subject=what ever you want the subject bar to say">email</a><br>
<a href="RINGSLINK.html">rings</a><br>
<a href="LINKTOWHATEVER">link</a><br>
<a href="LINKTOWHATEVER">to</a><br>
<a href="LINKTOWHATEVER">whatever</a><br>
<a href="http://wtv-zone.com/califPamela/fairyenchanted.html">image</a><br>
<a href="http://zoombeanie.diaryland.com">design</a><br>
<a href="http://www.diaryland.com">home</a>
</div>

</body>
</html>

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

.image {position: absolute; 
top: 0; 
left: 2; 
z-index:1;
}

</style>
</head>

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

</div>

</body>
</html>

Leave the design and image links up. Remember to change all the UPPERCASE to lower case. Leave a note. Image is already hosted. If oyu'd like to host your own image, it can be found here. Enjoy the layout.

<< // >>