The Devil Wears Prada

Designer's Comments

Look carefully for specific instructions

Okay, so I first started making this for my site, but then I realised I liked my current layout better. So I made this for here.

It's my first one for createblog!

If people like it, I might make more website layouts. (:

You can find this layout and more on my website or on my myspace.

Photo Credit: Gage Young

Layout Code

Copy and paste to Template HTML

Help

<html>
<head>
<title>Website Name Here!</title>
</head>

}

a, a:link, a:active, a:visited {color: #6baab8; text-decoration:none; cursor:default; font-size:11px;}
A:hover {color: #f2d576; text-decoration:none; cursor:default; font-size:11px;}

.link{display:block; text-align:left; background-color:000000!important; height:11px; padding-top:2px; z-index:6; font-family: Century Gothic!important; font-size: 11px!important; color:#6baab8!important; letter-spacing:0px!important; border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid;border-color:#6baab8;}
.link:hover{display:block; text-align:left; background-color:#040404!important; height:11px; padding-top:2px; z-index:6; font-family: Century Gothic!important; font-size: 11px!important; color:#f2d576!important; letter-spacing:0px!important; border-right: 5px solid; border-color:#f2d576;}

h1 {
color: #ffffff;
font-size: 16px;
line-height: 10pt;
font-weight: normal;
background-color: #000000;
letter-spacing:0px;
font-family: Century Gothic;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-bottom: 0px dashed #fc0000;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

b{color:#6baab8;}
u{color:#f2d576;}
i{color:#6baab8;}
s{color:#f2d576;}

.main{position:absolute; left:243px; top:460px; height: 673; width: 327px; z-index:1; padding:0px; border:0px; background-color:000000; font-family: "Century Gothic"; color: #ffffff; font-size: 10px; text-transform: none; font-weight: none;}
table {overflow: auto; font-family: "Century Gothic"; color: #c0c0c0; font-size: 10px; text-transform: none; font-weight: none;}
.navi{position:absolute; left:20px; top:410px; width: 185px; height:673; z-index:1; padding:0px; border:0px; background-color:000000; font-family: "Century Gothic"; color: #ffffff; font-size: 10px; text-transform: none; font-weight: none;}

</style>
<body bgcolor="#000000" topmargin="0" leftmargin="0" background="" style="background-repeat:no;"><img src="http://cbimg9.com/layouts/08/04/20/26988aa.png">
<div class="main">
<h1>Welcome!</h1>
This is where you type all you information and stuff. Like, this will be where your content is. Woo! Make sure you leave the bottom credits on, it would be quite nice. (: <br><Br> Normal text. <b>Bolded text.</b> <I>Italicized text.</I> <u>Underlined text.</u> <s>Strikethrough text.</s> <a href=http://thisstatic.net/>This is a link.</a>
</div>

<div class="navi">
<h1>About</h1>
<img src="http://cbimg9.com/layouts/08/04/20/26988ab.png" align="left"> This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo! This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo! This image is 64x93. You can change it with whatever you want. If you type enough, the text will ‘curve’ around the photo. Woo!
<br>

<h1>Links</h1>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<a href="http://www.createblog.com" class="link">Link Name Here</a>
<br>

<h1>Credits</h1>
This layout was made by <a href=http://hospitalhorror.createblog.com/>Kelci</a> @ <a href=http://thisstatic.net/>This Static.</a> The images used are from <a href=http://flickr.com/photos/gageyoungphotography>Gage Young.</a>
</div>

Layout Comments

Showing latest 9 of 9 comments

my ALL TIME favorite band!!! :)

By xXJenWearsPradaXx on May 3, 2008 4:45 pm

I'm using this for my site, but I changed it a bit, I shuld still leave the same credit, right?

By RissyMel on May 3, 2008 11:40 am

AHH i love the devil wears prada!!! great great great band. awesome job on this :D

By Lauren-O-Saurus on Apr 24, 2008 8:30 pm

Hey, neat layout! ^^ I didn't realize that they were a crowd of the same people until I saw aaayotiffany's comment below hahaha!!

By dreamgurl36 on Apr 22, 2008 11:45 am

Nice! I like the "many people" effect it has. Kudos.

By futura on Apr 20, 2008 6:35 pm

I agree. I think it's the name text or something. I put some one in another layout for it, and it looked better. xD

By hospitalhorror on Apr 20, 2008 5:03 pm

the fonts and colurs are really nice, and the banner is unique, how it's like a crowd, but it just feels like it's missing something. But besides that, it's really good. Good job!

By shmuggy on Apr 20, 2008 5:01 pm

in the thumb, i was like, "why are there sooo many people?" lol. then i clicked on it and realized its a big crowd of the same people. :]

By aaayotiffany on Apr 20, 2008 4:59 pm

I like that it looks like there's a big crowd. It's neat.

I would've put a table behind your content and sidebar areas. It might give more contrast versus the flat black.

By livwho on Apr 20, 2008 4:26 pm

Layout Details

Designer	hospitalhorror
Submitted on	Apr 20, 2008
Page views	4,133
Favorites	13
Comments	9
Reviewer	micron
Approved on	Apr 20, 2008

The Devil Wears Prada

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates