Ladies and Gentlemen

CreateBlog Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

>.< please do not use without html knowledge.

Using This Layout

For specific instructions read designer's comments

This is a Div Overlay layout, HTML knowledge required!
1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

h1{
padding: 0px 0px 10px 60px;
color: #fff;
letter-spacing: 3px;
font: normal 14px garamond;
background: url('http://cbimg9.com/layouts/08/10/31869ac.jpg') bottom center no-repeat;
text-transform: uppercase;
}
h1:first-letter {
color:dad3c0;
padding-bottom: 29px;
font: normal 33px Monotype corsiva;
}

h2{
padding: 5px 5px 5px 5px;
color: #fff;
letter-spacing: 3px;
font: normal 10px garamond;
background: url('') bottom center no-repeat;
text-transform: uppercase;
}

h3{
padding: 45px 45px 40px 45px;
color: #fff;
letter-spacing: 3px;
font: normal 19px garamond;
background: url('http://cbimg9.com/layouts/08/10/31869ad.jpg') bottom center no-repeat;
text-transform: uppercase;
text-align: center;
}

h4{
padding: 0px 0px 10px 60px;
color: #fff;
letter-spacing: 3px;
font: normal 14px garamond;
background: url('http://cbimg9.com/layouts/08/10/31869ae.jpg') bottom center no-repeat;
text-transform: uppercase;
}
h4:first-letter {
color:dad3c0;
padding-bottom: 29px;
font: normal 33px Monotype corsiva;
}

a, a:link {
color: #484848; 
font:bold 11px tahoma;
text-transform:none;
text-decoration:none; 
}

a, a:visited {
color: #484848; 
font:bold 11px tahoma;
text-transform:none; 
text-decoration:none;
}

a:hover {
color: #671517; 
font:bold 11px tahoma;
text-transform:none;
background-color: transparent;
border-bottom-color:#9c4532;
border-width:1px;
border-style:dashed;
border-top-color:transparent;
border-left-color:transparent;
border-right-color:transparent;
}

#contenta { position: absolute; left: 540px; top: 520px; z-index: 3 }

b{ color: #671517; }
i{ color: #b05318; }
u{ color: #323031; }
s{ color: #4d0707; }
blockquote{
border-top-color:#9c4532;
border-bottom-color:#9c4532;
border-left-color:#9c4532;
border-right-color:#9c4532;
border-width:1px;
border-style:dashed;
padding-left:5px;
padding-right:-20px;
padding-top:2px;
padding-bottom:5px;
background-color: transparent;}

#contentb{position: absolute; left:0%; margin-left: 0px; top:0%; margin-top: 754px; width: 586px; height:  px; overflow:auto;font-family:georgia; font-size:13px; color: #dad3c0; background-color: #131112; padding: 10px 10px 10px 10px; text-align: justify;

}

#contentc{position: absolute; left:0%; margin-left: 600px; top:0%; margin-top: 978px; width: 316px; height: px; overflow:auto;font-family:georgia; font-size:11px;text-align: center; color: #dad3c0; color: #ffffff;
 }

textarea { background-color:transparent; font-family:Monotype corsiva; font-size:13px; color: #c0c0c0; width:225px; height:114px; border-right: 0px transparent; border-top: none; border-bottom: 0px transparent; border-left: 0px dotted white; overflow:hidden; padding-top: 5px;text-align: left; letter-spacing: 1px ; cursor: crosshair; 
background-color:transparent;
background-repeat: none; 
background-position: center;}

.button { background-color: transparent; font: normal 20px Monotype corsiva; color: #e1d6d8; width:200px; letter-spacing: 3px ; height:60px; padding: 3px; border: 0px ; margin-top: -15px ; }

#cbox { position: absolute; left: 646px; top: 797px; text-align: center; font-family:georgia; font-size:9px; color: white; z-index: 1 }

</style>

<center><h1>Ladies and Gentlemen</h1>
<h2> <-- Will you bring your attention to me --></h2> </center><justify>
 
<b>bold</b><i>italic</i><u>underline</u><s>strikethrough</s> <br><blockquote>blockquote</blockquote> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer non nunc. Proin auctor ante id enim. Donec interdum nisi sit amet dui. Curabitur commodo elit vel leo. Donec varius. Duis pharetra augue sagittis risus. Sed sit amet leo. Suspendisse potenti. Nullam blandit placerat libero. Aliquam faucibus egestas mi. Nulla convallis massa eu quam.

Mauris mollis ultrices nulla. Sed dictum luctus tortor. Proin dui velit, cursus at, ornare id, tempor at, arcu. Suspendisse dapibus erat at augue. Fusce faucibus. Duis gravida arcu sed risus. Cras vitae pede sed lorem aliquet vulputate. Vivamus sem elit, suscipit non, cursus commodo, interdum vitae, eros. Pellentesque tellus. Praesent in odio. Donec sed justo. Nulla vel velit. Nullam scelerisque nibh ac ligula. Aliquam ullamcorper odio sed dolor scelerisque consectetuer. Mauris pretium quam at turpis. Curabitur at tellus. Nam venenatis orci in urna. Quisque malesuada, quam vitae ultrices accumsan, lacus risus bibendum leo, eget tristique elit augue quis diam. Curabitur rhoncus vehicula erat.

Aliquam bibendum turpis. Integer auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec at nisi et ipsum porttitor condimentum. Donec vel magna sit amet tellus convallis ullamcorper. Etiam molestie, urna vel malesuada tincidunt, lacus nisl porttitor metus, sit amet vestibulum velit nisl vitae magna. Nunc molestie, nulla quis rhoncus lobortis, pede ligula gravida nisl, ut feugiat sem enim ac orci. Nunc aliquet ipsum eget risus. Cras vehicula lorem. Donec sed dui vel lorem mollis fermentum.

Ut a ante. Praesent vel leo. Mauris consectetuer lorem nec mauris. Etiam eget purus. Fusce arcu risus, ultrices a, fermentum in, sagittis vel, pede. Duis non dolor eget diam viverra sollicitudin. Ut ut sem tempus eros semper convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vitae turpis. Suspendisse dolor metus, feugiat eu, luctus non, euismod eget, elit. Suspendisse egestas viverra orci. Donec lectus tellus, euismod nec, aliquet at, molestie ac, orci. Mauris venenatis. Quisque ac urna semper lectus ultricies rutrum. Curabitur viverra neque. Sed et mi. Mauris eu neque nec ante fermentum accumsan. Aliquam lacinia dapibus diam.

Nulla facilisi. Proin ut turpis. Cras metus. Nulla consectetuer, sem eu consectetuer pretium, ante ante commodo purus, non egestas arcu urna eu ante. Morbi consequat. Praesent sodales mollis lorem. Integer faucibus nulla quis odio. Suspendisse ut massa et magna suscipit sodales. Sed malesuada tellus quis metus. Sed accumsan neque sed metus. Donec purus quam, vehicula in, mollis luctus, egestas eget, pede. Mauris mollis ultrices nulla. Sed dictum luctus tortor. Proin dui velit, cursus at, ornare id, tempor at, arcu. Suspendisse dapibus erat at augue. Fusce faucibus. Duis gravida arcu sed risus. Cras vitae pede sed lorem aliquet vulputate. Vivamus sem elit, suscipit non, cursus commodo, interdum vitae, eros. Pellentesque tellus. Praesent in odio. Donec sed justo. Nulla vel velit. Nullam scelerisque nibh ac ligula. Aliquam ullamcorper odio sed dolor scelerisque consectetuer. Mauris pretium quam at turpis. Curabitur at tellus. Nam venenatis orci in urna. Quisque malesuada, quam vitae ultrices accumsan, lacus risus bibendum leo, eget tristique elit augue quis diam. Curabitur rhoncus vehicula erat.

<center> <h4>Welcome to the Show</h4><h2>You’ve seen that seeing is believing</h2> </center>

Aliquam bibendum turpis. Integer auctor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec at nisi et ipsum porttitor condimentum. Donec vel magna sit amet tellus convallis ullamcorper. Etiam molestie, urna vel malesuada tincidunt, lacus nisl porttitor metus, sit amet vestibulum velit nisl vitae magna. Nunc molestie, nulla quis rhoncus lobortis, pede ligula gravida nisl, ut feugiat sem enim ac orci. Nunc aliquet ipsum eget risus. Cras vehicula lorem. Donec sed dui vel lorem mollis fermentum.

Ut a ante. Praesent vel leo. Mauris consectetuer lorem nec mauris. Etiam eget purus. Fusce arcu risus, ultrices a, fermentum in, sagittis vel, pede. Duis non dolor eget diam viverra sollicitudin. Ut ut sem tempus eros semper convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec vitae turpis. Suspendisse dolor metus, feugiat eu, luctus non, euismod eget, elit. Suspendisse egestas viverra orci. Donec lectus tellus, euismod nec, aliquet at, molestie ac, orci. Mauris venenatis. Quisque ac urna semper lectus ultricies rutrum. Curabitur viverra neque. Sed et mi. Mauris eu neque nec ante fermentum accumsan. Aliquam lacinia dapibus diam.

Nulla facilisi. Proin ut turpis. Cras metus. Nulla consectetuer, sem eu consectetuer pretium, ante ante commodo purus, non egestas arcu urna eu ante. Morbi consequat. Praesent sodales mollis lorem. Integer faucibus nulla quis odio. Suspendisse ut massa et magna suscipit sodales. Sed malesuada tellus quis metus. Sed accumsan neque sed metus. Donec purus quam, vehicula in, mollis luctus, egestas eget, pede. 
</justify>
</div>

<div id="cbox"> 
<form action='comment.php' method='POST'>
<textarea id= 'comment' name='comment'>
Prepare to be Amazed... </textarea>
<br>
<center>
<input type='submit' value='Submit' class='button' /><br>

</form>
</center>

</div>

<h3> Musique</h3><justify><center>
   <center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=13715027&path=2008/10/06&mycolor=441714&mycolor2=131112&mycolor3=832a30&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:160px;height:68px;" />
</center>

<h3> The Girl </h3>
<center><b>Name:</b>Name<br>
<b>Sign:</b>Aquarius<br>
<b>Alias:</b>Alias<br>
<b>D.O.B:</b>X.XX<br>
</center>
<h3> Credit </h3>
Featuring <b>Arimura Ryutarou</b>. Brushes go to <a href="http://invisiblesnow.deviantart.com/">Invisible Snow</a>, <a href="http://www.misprintedtype.com/v4/">Misprinted Type</a>  and
 <a href="http://egg9700.deviantart.com/">egg9700</a>. Images from  <a href="http://panatrope.net/">panatrope</a>.

</center>
</div>