Zoombeanie Designs

Pirates Of The Caribbean- Captain Jack Sparrow
06/03/2004 // 1:43 a.m.

If you want to preview this layout, click here. Link opens in a new window.

Pirates of the Caribbean is such an awesome movie. I love that movie to pieces. So in dedication to this movie, I made a layout.

This layout features the famous Captain Jack Sparrow (Johnny Depp). The background is black, the words are gold, and the links are red. It give the layout a dark feel.

I made a layout similar to this one some time ago. But that one had so many problems with it. So I modified it, made it better and hand it to you.

If you like this layout here are the codes:

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

<html>
<title>Captain Jack Sparrow, My Main Man...</title>
<head>

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

.image {position: absolute; 
top: 0; 
left: 0; 
}

.entry { position: absolute;
top: 0;
left: 300;
width: 500;
font-family: Arial;
font-size: 12px;
color: #D86C25;
text-align: left;
padding: 3px;
border-left: 1px #986D2B solid;
border-right: 1px #986D2B solid;
border-top: 1px #986D2B solid;
border-bottom: 1px #986D2B solid;
}

.links { position: absolute;
top: 305;
left: 35;
width: 210;
font-family: Arial;
font-size: 12px;
color: #D86C25;
text-align: left;
border-left: 1px #986D2B solid;
border-right: 1px #986D2B solid;
border-bottom: 1px #986D2B solid;
padding: 3px;
}

</style>
</head>

<body>

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

<p></p>
<a href="jgroban.html">black</a> - <a href="pov.html">pearl</a>
</div>

<div class=links>
<b>Navigation</b><br>
<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>
<p></p>
<b>Contact</b><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>
<p></p>
<b>Links</b><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>
<p></p>
<b>Thanks</b><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):

<html>
<title>Captain Jack Sparrow, My Main Man...</title>
<head>

.image {position: absolute; 
top: 0; 
left: 0; 
}

</style>
</head>

<body>

<div class=entry>
<p align="center"><b>The Sunken</b></center>
<p></p>
%%older_entries%%
</div>

</body>
</html>

Leave the design link up. Leave a note. Remember to change all the uppercase to lowercase. The image is already hosted. if you'd like to host your own image, it can be found here. Enjoy the layout.

<< // >>