N o u v e a u

Designer's Comments

Look carefully for specific instructions

hmmm... my first (okay, second) createblog layout.

Don't use if you are not familiar with html/css

Unless it is a LEGIT question, it will be ignored. If you mess up, then recopy the code and start over.

Many, many, many thanks to anexenamoon. I could not have done it without her. Right. Anyhoo... enjoy!

I think I really outdid myself on this one. I really like it. :]

The music player colors are B8AA97, 897c6b, and 897c6b.

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

.head{
width: auto;
height: auto;
background-color: #aca69d;
font-size: 16px;
color:#ffffff;
font-weight: none;
font-variant: none;
letter-spacing: 7px;
font-family: garamond;
text-align: center;
padding-left:4px;
padding-right:4px;
margin-top: 2px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 5px;
border:none;
}

a:link { padding: 5px; font-family: georgia; font-size: 9px; text-decoration: none; 
text-transform:uppercase; color: white; letter-spacing: 4px;}
a:visited { padding: 5px; font-family: georgia; font-size: 9px; text-decoration: none; 
text-transform:uppercase; color: white; letter-spacing: 4px;}

A:hover {color: #fff;
font-weight: none; 
cursor: crosshair;
text-transform: none;
text-transform:uppercase;
letter-spacing: 4px;
background-color:#2b2a27;
}

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

b{ color: #78223f; }
i{ color: #79725b; }
u{ color: #908f8d; }
s{ color: #a69762; }
blockquote{
border-top-color:#cabead;
border-bottom-color:#cabead;
border-left-color:#cabead;
border-right-color:#cabead;
border-width:1px;
border-style:solid;
padding-left:18px;
padding-right:2px;
padding-top:2px;
padding-bottom:18px;
background-color: #0f0d0b;}

#contentb{position: absolute; left:0%; margin-left: 570px; top:0%; margin-top: 20px; width: 330px; height: 642px; overflow:auto;font-family:times new roman; font-size:11px;text-align: center; color: #ffffff;

scrollbar-arrow-color:#782340; 
scrollbar-track-color:#000; 
scrollbar-shadow-color:#000; 
scrollbar-face-color:#3e3b38; 
scrollbar-highlight-color:#000; 
scrollbar-darkshadow-color:#000; 
scrollbar-3dlight-color:#000;

}

#contentc{position: absolute; left:0%; margin-left: 340px; top:0%; margin-top: 20px; width: 217px; height: 642px; overflow:auto;font-family:times new roman; font-size:11px;text-align: justify; color: #ffffff;

scrollbar-arrow-color:#782340; 
scrollbar-track-color:#000; 
scrollbar-shadow-color:#000; 
scrollbar-face-color:#3e3b38; 
scrollbar-highlight-color:#000; 
scrollbar-darkshadow-color:#000; 
scrollbar-3dlight-color:#000;

}

textarea { background-color:#574f44; font-family:georgia; font-size:9px; color: #c0c0c0; width:200px; height:100px; border-right: 0px transparent; border-top: none; border-bottom: 0px transparent; border-left: 0px dotted white; overflow:hidden; padding: 5px; text-align: center; letter-spacing: 1px ; cursor: crosshair}

.button { background-color:#000000; font-family:georgia; font-size:8px; color: white; width:80px; height:20px; padding: 2px; border: none }

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

</style>

<div id="commenteras">
<form action='comment.php' method='POST'>
<textarea id= 'comment' name='comment'>
The future is made of the same stuff as the present. </textarea>
<br>
<center>
<input type='submit' value='Nouveau' class='button' /><br>

</form>
</center>
</div>

<div class="head">Contraire</div><justify>
<b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strikethrough</s><br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas risus urna, congue nec, commodo in, gravida id, nunc. Suspendisse pretium accumsan est. Aenean quis erat quis leo mollis egestas. Curabitur sit amet sem eu nunc faucibus blandit. Mauris feugiat malesuada risus. Aliquam mollis. Aliquam quam. Maecenas luctus imperdiet diam. Donec viverra nisi vitae metus. Nam quis sem ac turpis sagittis tincidunt. Proin vel orci. Ut dapibus pede eget ipsum. Ut eget mauris. Vivamus eget diam in tellus imperdiet ultrices. Quisque eu purus. Ut gravida fermentum sem. Sed at magna. Donec rhoncus risus vitae massa. Integer eget arcu a metus pharetra sollicitudin. Nunc mattis lorem quis nibh.

Praesent ut est. Nam magna turpis, lobortis egestas, commodo eget, varius in, ante. Proin eleifend dolor ac elit. Vestibulum adipiscing. Morbi fringilla mi sit amet odio mattis elementum. Duis faucibus. Maecenas dignissim, arcu hendrerit tincidunt gravida, neque felis rutrum elit, nec blandit est dui eu risus. Fusce consectetuer lacus sed justo. Vestibulum hendrerit dignissim dui. Donec sed nibh in tellus vehicula mattis. Curabitur placerat dapibus purus. Praesent ac est. Nulla et felis. Curabitur sed quam sed ipsum dictum ultricies. Phasellus sit amet metus eget nisl molestie fermentum. Donec eleifend diam ut enim feugiat feugiat. Nunc eu risus. Aenean venenatis sodales pede. 
<blockquote>You can write as much as you want in the above section. haha :D</blockquote>

</div>

<div class="head">Visite</div><justify><center>
<span class="link"><a href="http://www.createblog.com/home/">your account</a></span><br><br>
<span class="link"><a href="http://YOURUSERNAME.createblog.com/graphics/">graphics</a></span><br><br>
<span class="link"><a href="http://YOURUSERNAME.createblog.com/layouts/">layouts</a></span><br><br>
<span class="link"><a href="INBOXURLHERE!!!!!">message</a></span><br><br>
<span class="link"><a href="http://YOURUSERNAME.createblog.com/friends/add.php">add</a></span><br><br>
<span class="link"><a href="http://stormbringer.createblog.com/">designer</a></span><br><br>
</center>
<div class="head">Elle</div>
<b>Name:</b>Your Name<br>
<b>Age:</b>Your Age<br>
<b>Alias:</b>Online Name<br>
<b>D.O.B:</b>!?.?!<br>

<div class="head">Musique</div>
<center> <p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=11576030&path=2008/08/07&mycolor=bdb3a5&mycolor2=897c6b&mycolor3=e1d6c7&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" /></center>

<div class="head">Friends</div><center>
<a href="http://FRIENDUSERNAME.createblog.com">Friend</a><br>
<a href="http://FRIENDUSERNAME.createblog.com">Friend</a><br>
<a href="http://FRIENDUSERNAME.createblog.com">Friend</a><br>
</center>

</center>
</div>