Zoombeanie Designs

Confessions of a Bleeding Heart
04/22/2004 // 10:33 p.m.

To preview this layout click here. Link opens in a new window.

At the time I thought of this layout, I was feeling a bit heart broken. And some how, the the movie "Confessions of a Teenage Drama Queen" was stuck in my head. Mind you, I never seen the movie, but the title was stuck in my head. Then wham and bam how about a layout with some bleeding hearts and the title "Confessions of a Bleeding Heart"? And so the layout was made.

The thing about this layout is that its not depressing (hence why its not in the depression section). There is a picture of some bleeding hearts. They are these really pretty flowers. The entry section is a see-through pink scroll box and the link section is a pink. The background is a dark pinkish-red color.

If you like this layout, here are the codes:

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

<html>
<title>Confessions of a Bleeding Heart</title>
<head>
<style type="text/css">
A:link {text-decoration: none; color: #49312D;}
A:visited {text-decoration: none; color: #3B325D;}
A:active {text-decoration: none; color: #52636A;}

body {background-color: #860E34;
scrollbar-face-color: #860E34; 
scrollbar-shadow-color: #860E34;
scrollbar-highlight-color: #1D291D;
scrollbar-3dlight-color: #1D291D; 
scrollbar-darkshadow-color: #860E34; 
scrollbar-track-color: #860E34; 
scrollbar-arrow-color: #1D291D;
}

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

.entry { position: absolute;
top: 158;
left: 290;
width: 400;
height: 400;
z-index: 2;
overflow: auto;
font-family: tahoma;
font-size: 12px;
color: #100702;
text-align: left;
padding: 3px;
background: #97C3FF; 
filter:alpha(opacity=50)
}

.links { position: absolute;
top: 0;
left: 715;
width: 50;
font-family: tahoma;
font-size: 12px;
text-align: left;
border-left: 1px #1D291D solid;
border-right: 1px #1D291D solid;
border-top: 1px #1D291D solid;
border-bottom: 1px #1D291D solid;
padding: 5px;
background: #EF7BDE;
filter:alpha(opacity=50)
}

</style>
</head>

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

<p></p>
<p align="center"><a href="save.html">bleeding</a> - <a href="layouts.html">hearts</a></center>
</div>

<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://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: 0; 
z-index:1;
}

</style>
</head>

<body>

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

</div>

</body>
</html>

Leave the design link up. Remeber to change all the UPPERCASED into lowercase. Leave a note. Images are aleady hosted. If you'd like to host your own image, it can be found here. Enjoy the layout.

<< // >>