Hours Passed

Designer's Comments

Look carefully for specific instructions

Please visit lodulce.webs.com for more!

You MUST keep the credit on! It also provides the important link to further credits for the images, brushes, textures etc.

And if you could, drop me a line in the cbox at lodulce if you use one of my layouts.

Layout Code

Copy and paste to Template HTML

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Hours Passed - Layout by lodulce</title>

body {
background-color: #cdccc8;
background-image: url(http://cbimg6.com/layouts/09/08/35610aa.jpg);
background-repeat: repeat;
}
.ClockHead {
background-image:url(http://cbimg6.com/layouts/09/08/35610ab.jpg);
position: absolute;
z-index: 1;
height: 600px;
width: 800px;
left: 0;top: 0;}
.main {
position:absolute;
left:169px;
top:430px;
width:360px;
z-index:2;
background-attachment: fixed;
font-family: courier new;
font-size: 12px;
line-height: 12px;
color: #000000;
}
.sidebar {
position:absolute;
background-color: ;
left:5px;
top:490px;
width:160px;
z-index:3;
height: 289px;
background-attachment: fixed;
font-family: courier new;
font-size: 11px;
line-height: 11px;
color: #ffffff;
text-align: center;
}
.nav1 {
position:absolute;
background-color: ;
left:450px;
top:294px;
width:160px;
z-index:4;
height: 289px;
background-attachment: fixed;
font-family: courier new;
font-size: 11px;
line-height: 11px;
color: #ffffff;
text-align: center;
}
.nav2 {
position:absolute;
background-color: ;
left:424px;
top:315px;
width:160px;
z-index:5;
height: 289px;
background-attachment: fixed;
font-family: courier new;
font-size: 11px;
line-height: 11px;
color: #ffffff;
text-align: center;
}
.nav3 {
position:absolute;
background-color: ;
left:416px;
top:335px;
width:160px;
z-index:6;
height: 289px;
background-attachment: fixed;
font-family: courier new;
font-size: 11px;
line-height: 11px;
color: #ffffff;
text-align: center;
}
.nav4 {
position:absolute;
background-color: ;
left:400px;
top:360px;
width:160px;
z-index:7;
height: 289px;
background-attachment: fixed;
font-family: courier new;
font-size: 11px;
line-height: 11px;
color: #ffffff;
text-align: center;
}

h1 {
font-family: georgia;
font-size: 15px;
font-style:italic;
line-height: 16px;
font-weight: normal;
color: #776e71;
background-image: url();
background-color: none;
text-align: center;
font-variant: none;
letter-spacing: 0px;
padding-right: 3px;}
h2 {
font-family: georgia;
font-size: 15px;
font-style: italic;
line-height: 16px;
font-weight: normal;
color: #000000;
background-color: ;
background-image: url();
border-bottom: 1px solid black;  
text-align: center;
font-variant: none;
letter-spacing: -1px;
padding-right: 3px;}

b {color: #8e575c;}
i {color: #8a7365;font-family: trebuchet ms; font-size: 12px;}
u {color: #ac776f;text-decoration: underline;}
s {text-decoration: strikethrough;}

a:link    {font:12px georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #272111;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}
a:hover   {font:12px georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ac776f;text-decoration: none;background-color:none; text-transform:none; text-align: center;}
a:visited {font:12px georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #272111;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}

.nav1 a:link    {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}
.nav1 a:hover   {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none; text-transform:none; text-align: center;}
.nav1 a:visited {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}

.nav2 a:link    {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}
.nav2 a:hover   {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none; text-transform:none; text-align: center;}
.nav2 a:visited {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}

.nav3 a:link    {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}
.nav3 a:hover   {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none; text-transform:none; text-align: center;}
.nav3 a:visited {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}

.nav4 a:link    {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}
.nav4 a:hover   {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #5a5b56;text-decoration: none;background-color:none; text-transform:none; text-align: center;}
.nav4 a:visited {font:16pt georgia;font-style: normal;font-weight: normal;font-variant: normal;color: #ffffff;text-decoration: none;background-color:none;  text-transform:none; text-align: center;}

</style>
</head>
<body>
<div id="layer1" class="clockHead"></div>

<div id="layer2" class="MAIN">
<h1>It Must Have Rained</h1>
<i>August '09</i><p>

So... this layout was designed using part of an Alice in Wonderland photoshoot and one texture... way less layering than I normally do. Do you see
those four links up there? That's a second navigation thing - and you only get four of them (sorry!) Each link has a separate div code so adding another
one would mean messing with the coding. There is the traditional sidebar navigation so feel free to use that too.<p>
<b>bold</b>, <u>underline</u>, <i>italic</i>, <s>strike-through</s><p>

<h1>The Hour Met the Minute Hand</h1>

This is just dummy text.

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Curabitur sapien urna, vehicula non fringilla in, condimentum
quis quam. In sit amet neque mauris. Nunc viverra convallis leo,
id posuere nunc semper nec. Nunc condimentum, mauris ac eleifend
consequat, eros tellus gravida dui, at adipiscing nulla ipsum a
mi. Maecenas sed leo orci. Sed nisi dolor, feugiat porta ornare
sit amet, pharetra ac lorem. Ut mauris ante, consectetur faucibus
porta eget, convallis in eros. Pellentesque vel mauris eget
turpis sagittis interdum. Nunc sed turpis felis. Mauris vel
lectus orci. Morbi at velit ac mauris mattis pulvinar nec id
odio. Etiam in luctus lectus. Aliquam at diam velit. In eu
scelerisque est. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; In at dolor urna, at
blandit erat. Duis a nisi elit, dignissim blandit nibh.
Pellentesque orci orci, ornare sit amet vehicula vel, sodales eu
nulla.</p>
<p>Nullam neque felis, blandit eu dapibus vel, aliquet nec orci.
Phasellus non ipsum est, vel dignissim mi. Nulla et sem sagittis
sem faucibus tincidunt ac sed orci. Duis pulvinar ipsum felis. Ut
vehicula arcu lorem. Cras scelerisque, massa quis imperdiet
vehicula, neque mi rutrum augue, et suscipit dolor lorem vel
lacus. Curabitur facilisis dapibus est eu scelerisque. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Pellentesque mattis pharetra adipiscing. Aenean eu
nulla condimentum quam lobortis consectetur. In adipiscing turpis
nec nunc mattis imperdiet. Sed quis massa nibh. Etiam mi sem,
eleifend quis convallis eu, fermentum in orci. Aliquam erat
volutpat. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos himenaeos.</p>

</div>

<div id="layer3" class="sidebar">

<h2>the first stone</h2>

You can put site updates, a mini bio, or whatever you like here.

<h2>puzzle finally pieced</h2>

<h2>how long will it last?</h2>
Place cbox here.<br>
Max width: 160px

<h2>this is how it ends</h2>
Content © Your name here.<br>
Layout design and coding ©<br>
<a href="http://www.freewebs.com/lodulce">lodulce</a>
</div>

<div id="layer5" class="nav2">
<a href="">Stuff</a><br>
</div>

<div id="layer6" class="nav3">
<a href="">Awesome</a><br>
</div>

</div>

</body>
</html>