Monroe city

Designer's Comments

Look carefully for specific instructions

[EDIT] Edited the code to make it look better in Firefox!

No jocking and code stealing will be aloud

Anywhere where it say Site name please insert your site name there. And edit the navigation links, I don't mind you changing the font and adding you site name to the layout.

YOU MAY NOT MESS WITH THE CODE, YOU HAVE TO KNOW HTML & CSS TO USE THIS LAYOUT CURRECTLY

Please visit my site http://kissmebeautiful.fantasie-hosting.com

Layout Code

Copy and paste to Template HTML

Help

<!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-color: #fff;
margin: 0px 0;
font-family: trebuchet ms, sans serif;
font-size: 11px;
color: #333333;
text-align: justify;
line-height: 11px;
}

#container1 {
width: 449px;
margin: 0 auto;
padding: 0px;
background-repeat: repeat-y;
background: url("http://layouts.cbimg8.com/34/17330e.png");
}

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

#hmenu {
width: 449px;
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: 288px;
text-align: left;
}

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

#footer {
clear: both;
}

b, strong {
color: #000000;
}

i {
color: #000000;
}

s {
color: #ff9bc1;
}

u {
color: #ff5e9b; 
}

td, tr
{
color: #858585;
font-family: arial,sans-serif;
font-size: 11px;
}

a:link {
color: #fc5e83; 
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: #000;
font-weight: normal;
text-decoration: none;

}

h1 {
color: #fc5e83;
font-size: 12px;
line-height: 13px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: arial,sans-serif;
text-transform: uppercase;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 1px solid #000;
border-right: 1px solid #fff;
border-top: 0px solid #000;
border-bottom: 1px solid #fff;	
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;
text-transform: uppercase;
}

h2 {
color: #fff;
font-size: 10px;
line-height: 11px;
font-weight: normal;
background-color: #000;
letter-spacing:0px;
font-family: arial,sans-serif;
text-transform: uppercase;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 1px solid #000;
border-right: 1px solid #fff;
border-top: 0px solid #000;
border-bottom: 1px solid #fff;	
padding-left: 2px;
padding-top: 1px;
padding-bottom: 0px;
text-transform: uppercase;
}

h4 {
color: #4f3b60;
background-color: #eaeaea;
font-size: 7pt;
line-height: 10px;
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 #d3d3d3;
border-right: 1px solid #d3d3d3;
border-top: 0px solid #d341a5;
border-bottom: 1px solid #d3d3d3;	
padding-left: 0px;
padding-top: 0px;
padding-bottom: 1px;
padding-right: 3px;
text-transform: uppercase;
}

blockquote { 
color: #4f3b60;
background-color: #000;
font-size: 7.5pt;
text-align: justify; 
border-bottom : 1px solid #4f3b60; 
border-right : 1px solid #4f3b60;
border-top : 1px solid #4f3b60; 
border-left : 7px solid #4f3b60;
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-color: transparent;
border-bottom : 0px solid #f9f9f9; 
border-right : 0px solid #f9f9f9;
border-top : 0px solid #f9f9f9; 
border-left : 0px solid #f9f9f9;
padding: 2px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
text-align: justify;
}

#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: 108px;
   text-align: center;
   color: #fc5e83;
   padding: 1px 0;
}
#navigation3 li a:hover {
   background: #000;
   color: #fff;
}
</style>
</head> 
<body> 
<div id="container1">
<img src="http://layouts.cbimg8.com/34/17330c.png" alt="site name" />
<div id="hmenu">
<ul id="navigation3">
<li><a href="">Home</a></li>
<li><a href="">Site</a></li>
<li><a href="">About Me</a></li>
<li><a href="">Visitor</a></li>
</ul>
</div>
 
<div id="container2">
	<div id="menu">
<div class="content">
<br />
<h2>Header</h2>
<p>text text text
text text text
text text text
text text text
text text text</p>
<br />

<h2>Header</h2>
<p>text text text
text text text
text text text
text text text
text text text</p>
<br />

<h2>Credits</h2>
<a href="http://ify.emotioanltears.net.net/">Integral For You</a><br />
</div>
</div>

<div id="content">
<div class="content">
<br />
<h1>About Layout</h1>
<p>This Layout is ft. Marilyn Monroe and was made in paintshop pro 9. This layout is made by <b>Naomi</b> of <a href="http://ify.emotionaltears.net">Integral For You</a> and credits shouldn't be removed at all times.</p>

</div>
</html>

Layout Comments

Showing latest 10 of 10 comments

ooh.
i like this one.
and it fits perfectly on my site.
can you make a nicole richie one?
if its not to much to ask...

By H0LLiST3Rx on Sep 3, 2007 11:07 am

i adore this! i'm using it for my website [:

By Jovannie on Jun 3, 2007 2:24 pm

i love it.. haha

By Chicago on May 14, 2007 9:48 pm

i love this, great job

By IVIike on May 4, 2007 10:04 am

Yeah, I love the header too. The way you used the combination of white&pink (WINK! ) makes it look kinda pro and shiny. I really like this one, though I think the horizontal navigation area should be a little more distinguished from the content.

By markmejia on Apr 5, 2007 7:38 pm

Now that I think about it, it kinda those remian me of 9-11, but I wasn't even thinking about that, thanks for pointing that out

By 1angel3 on Apr 5, 2007 2:43 pm

cute layout but the nav and header being soo close makes it look funny... other then that its a ok layout just not fond of the text brush over just the right side of her facebut the font for monroe city and the pink heart next to it is sooooo cute lollov

By Blaqheartedstar on Apr 5, 2007 1:30 am

Thanks guys

By 1angel3 on Apr 4, 2007 1:42 pm

Yes, I love the header too!andt the brushes you use are awesome! Great organization too

By synthase on Apr 3, 2007 5:32 pm

I love the header! soo in love with marilyn haha

By Oamazing on Apr 3, 2007 4:25 pm

Layout Details

Designer	1angel3
Submitted on	Apr 2, 2007
Page views	18,704
Favorites	38
Comments	10

Monroe city

Designer's Comments

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates