The Devil Wears Prada

Designer's Comments

Look carefully for specific instructions

Enjoy the layout, keep credits on at all times.

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">
<html> 
<head>
<title>layout by Integral for You</title>
<style type="text/css">
body {
background: url("");
background-color: #333333;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #000;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 656px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://cbimg9.com/layouts/07/07/28/20067ab.png");
}

#container2 {
width: 656px;
margin-top: 3px;
margin-left: 3px;
margin-right: 0;
padding: 8px;
}

#container3 {
width: 656px;
margin-top: 3px;
margin-left: 1px;
margin-right: 20px;
padding: 5px;
}

#hmenu {
width: 656px;
margin-top: 0px;
margin-left: 6px;
margin-right: 0;
padding: 5px;
}

#header {
background: #ffffff;
width: 100%;
height: 30px;
padding-top: 7px;
font-size: 20px;
}

#content {
background: transparent;
float: left;
width: 410px;
text-align: left;
}

#menu {
background: transparent;
float: left;
width: 170px
}

#footer {
clear: both;
}

b, strong {
color: #fd0675;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #fd0675; 
}

td, tr
{
color: #fd0675;
font-family: arial,sans-serif;
font-size: 11px;
}
a:link {
color: #fd0675; 
font-weight: normal;
text-decoration: none;
}
a:visited {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:active {
color: #000;
font-weight: normal;
text-decoration: none;
}
a:hover {
color: #fff;
font-weight: normal;
text-decoration: none;
}
h1 {
color: #fff;
font-size: 13px;
line-height: 14px;
font-weight: normal;
background-color:#000;
letter-spacing: 0px;
font-family: verdana, sans serif;
text-align: left;
text-transform: none;
margin-top: 0px;
margin-bottom: 2px; 
border-left: 0px solid #e8e8e8;
border-right: 0px solid #e8e8e8;
border-bottom: 0px solid #fd267d;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 4px;
padding-right: 0px;
}
h2 {
color: #fd267d;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 4px solid #808080;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}
h3 {
color: #fd267d;
background-color: #2f2f2f;
font-size: 5pt;
line-height: 7px;
font-family: small fonts;
font-weight: normal;
letter-spacing:0px;
text-align: right;
margin-top: -2px;
margin-bottom: 2px; 
margin-left: 0px;
margin-right: 0px;
border-left: 1px solid #202020;
border-right: 1px solid #202020;
border-top: 0px solid #d341a5;
border-bottom: 1px solid #202020;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 3px;
text-transform: uppercase;
}
blockquote { 
color: #fd267d;
background-color: #fff;
font-size: 10pt;
text-align: justify; 
border-bottom : 1px solid #c0c0c0;
border-top : 1px solid #c0c0c0;
border-right : 1px solid #c0c0c0;
border-left : 7px solid #f1f1f1;
padding: 6px;
}
input, submit, textarea {
font-family: arial,sans-serif;
font-size: 11px;
color: #1b1b1b;
background-color: #f9f9f9;
border: 1px solid #ff9bc1;
}
div.content {
background : #333333;
padding : 4px;
margin-top : 0;
margin-left : 0;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #flflfl;
}
div.content1 {
background : #333333;
padding : 4px;
margin-top : 0;
margin-left : 8px;
margin-right : 0;
margin-bottom : 10px;
text-align : justify;
border : 1px solid #flflfl;
}

#navigation3 {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation3 li {
   float: left;
}
#navigation3 li a {
   font-family: arial,sans-serif;
   font-size: 9px;
   text-transform: uppercase;
   display: block;
   background: #000;
   width: 115px;
   text-align: center;
   color: #fd0675;
   padding: 1px 0;
}
#navigation3 li a:hover {
   background: #404040;
   color: #fd0675;
}
</style> 
</head> 
<body> 
<div id="container1">

<div id="hmenu">
<ul id="navigation3">
<li><a href="">Home</a></li>
<li><a href="">About Me</a></li>
<li><a href="">Site Info</a></li>
<li><a href="">Visitor content</a></li>
<li><a href="">Guestbook</a></li>
</ul>
</div>
 
<div id="container2">
	<div id="menu">
<br />
<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END</p>
</div>
<br />

<div class="content">
<h2>Header</h2>
<h3>Sub header</h3>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END</p>
</div>
<br />

<div class="content">
<h2>Credit</h2>
<h3>Keep here</h3>
<a href="http://1angel3.createblog.com/">By 1angel3 at cb</a><br />
</div>
</div>

<div id="content">
<div class="content1">
<h1>About Layout</h1>
<p>This is a Devil wears proda layout. I always wanted to make a layout of them because they're just a pretty cool, hehe. This layout was made in paintshop pro 9. Also if you use this layout, you must keep credits visible, sorry but you didn't make it.</p>
</div>
<br />
<div class="content1">
<h1>Header header</h1>
<p>blah blah blah blah blah blah blah blah blah blah blah blah blah haha blah blah blah sexy fun :) blah blah blah blah blah. THE END</p>
</div>

<br />

</div>
<div id="footer"> </div>

</div>

</div>
</body> 
</html>