If Books Were Alive

Designer's Comments

Look carefully for specific instructions

If you choose to give me credit, please link to my createblog. Thanks! Hope you all like it.

Layout Code

Copy and paste to Template HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>If Books Were Alive...</title>
<style type="text/css">
body {
background:Url("http://cbimg6.com/layouts/09/02/33787ab.png");
background-repeat: repeat;
font-size: 12px;
color:black;
text-align: center;
}

#image {
position:absolute;
left: 50%;
width: 800px;
margin-left:-400px;
}

#navigation {
position:absolute;
left: 50%;
width: 800px;
height:50px;
margin-left:-400px;
top: 400px;
text-align: center;
background-color: white;
}

#content {
position:absolute;
top: 450px;
left: 50%;
margin-left:-400px;
align: center;
width: 800px;
text-alight: center;
background-color: white;;
}

a, a:link, a:visited {
font-size:14;
font-color:#D88DC2;
}

a:hover {
font-size:14;
font-color:#FFF39C;
}

b, strong {
color: #D6E59F;
}

i {
color: #F386A6;
}

s {
color: #D788BF;
}

u {
color: #FFF4A1; 
}

h1 {
color:#70CBF3;
font-size: 16px;
letter-spacing:0px;
font-family: arial;
text-transform: uppercase;
}

a:link, a:visited, a:active
{font: 16px arial;
color: #D88DC2;
font-weight:normal;
text-decoration: none;
border-bottom: 1px dashed #D88DC2;
}

a:hover
{font: 16px arial;
color: #FFF39C;
font-weight:normal;
text-decoration: none;
border-bottom: 1px dashed #FFF39C;
}

</style>
</head> 
<body> 
<div id="image">
<img src="http://cbimg6.com/layouts/09/02/33787aa.png" alt="site name" />

</div>

<div id="navigation"><p>
<a href="linkagegoeshere">Home</a> - <a href="linkagegoeshere">Link</a> - <a

href="linkagegoeshere">Link</a> - <a href="linkagegoeshere">Link</a> - <a

href="linkagegoeshere">Link</a> - <a href="linkagegoeshere">Link</a></p>
</div>

<h1>Please read this?!</h1>
<p>
Whatever you want, it doesn't matter. It's all good. You can <b>Bold things,</b> <u>underline

them,</u> <i>italicize them,</i> or <a href="http://www.createblog.com>link them!</a> Credit

would be nice (REALLY nice!), but is not necessary. I know it takes away from websites

sometimes. Boo. Anyway, if you do choose to give me credit, please link to my createblog.

Thanks!
</p>

<h1>WHATEVER HERE</h1>
<p>
text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text

text text
</p>

<h1>WHATEVER HERE</h1>
<p>
text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text

text text
</p>
                
</div>
        
</div>
</body>  
</html>

Layout Comments

Showing latest 10 of 19 comments

Yeah it's interesting(: I like this! I would have made the books Harry Potter & The Half Blood Prince, Twilight, Vampire Diaries, Sookie Stackhouse, Fight Club, and whatever else people are reading in modern pop culture:] I think then I would have made one of the books have glasses and the HP hairstyle like Harry, and another with pink sunglasses to look like Tyler Durden.

But I always go too far with my stuff. I'm a fool. xoxo

By Butterface89 on Aug 28, 2010 9:36 am