Jessica: Pretty in PINK!

Designer's Comments

Look carefully for specific instructions

Enjoy the layout. Don't claim as your own. Leave credit visible at all times

Layout Code

Copy and paste to Template HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Layout by Integral for You</title>
</head>
<style>
body {
background: url("http://cbimg9.com/layouts/07/07/15/19524aa.png");
margin: 15px 0;
font-family: verdana, sans serif;
font-size: 11px;
color: #646163;
text-align: justify;
}

#container {
width: 640px;
margin: 0 auto;
padding: 5px;
background: url("http://cbimg9.com/layouts/07/07/15/19524ab.png");
border: 1px solid #c0c0c0;
}

#header {
background: url("http://cbimg9.com/layouts/07/07/15/19524ac.png");
width: 642px;
float: left;
height: 292px;
}

#updates {
background: url("");
width: 239px;
height: 100px;
float: right;
}

#updates1 {
background: url("");
width: 239px;
height: 100px;
float: right;
}

#content {
background: transparent;
float: right;
width: 480px;
text-align: right;
}

#menuleft {
background: transparent;
float: left;
width: 160px
}

#footer {
clear: both;
}

.foot h1 {
	background: transparent;
	color: #ff6cb8;
	font: bold 10px verdana, sans-serif;
	line-height: 12px;
	padding-top: 1px; 
	padding-left: 10px;
        margin-top: 0px;
        font-size: 10px; 
        text-align: left;
        text-transform: uppercase;
	border-bottom: 0px;
}

b, strong {
color: #ff6cb8;
}

i {
color: #ff6cb8;
}

s, strike {
color: #bebebe;
}

u {
color: #ff6cb8; 
}

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

a:link {
color: #979797; 
font-weight: normal;
text-decoration: none;
}

a:visited {
color: #979797; 
font-weight: normal;
text-decoration: none;
}

a:active {
color: #979797; 
font-weight: normal;
text-decoration: none;
}

a:hover {
color: #ff6cb8;
font-weight: normal;
text-decoration: none;

}

h1 {
color: #8f8f8f;
font-size: 18px;
font-weight: normal;
background: #f0f0f0;
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: 2px solid #f0f0f0;	
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

h2 {
color: #ff6cb8;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #dddddd;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 0px solid #e2e2e2;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;
}

h4 {
color: #fff;
font-size: 10px;
line-height: 10px;
font-weight: normal;
background-color: #ff0f7b;
letter-spacing:0px;
font-family: verdana,sans-serif;
text-align: left;
text-transform: none;
margin-top: -2px;
margin-bottom: 3px; 
border-left: 0px solid #e2e2e2;
border-right: 0px solid #e2e2e2;
border-top: 0px solid #e2e2e2;
border-bottom: 0px solid #e2e2e2;
padding-left: 6px;	
padding-bottom: 2px;
padding-top: 1px;

}

div.content {
background: transparent;
padding-left: 6px;
padding-right: 9px;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
text-align: justify;
}

div.menuleft {
color: #646163;
font-size: 11px;
background: transparent;
padding: 6px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
text-align: justify;
}

div.masks {
background: #f2f2f2;
border: 1px dashed #ff6cb8;
padding: 4px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: justify;
}

.updates {
font-size: 9px;
background: transparent;
padding-left: 3px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: justify;
}

.updates1 {
font-size: 9px;
background: transparent;
padding-left: 3px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: justify;
}

.updates h1 {
	background: #979797;
	color: #ffffff;
	font: bold 10px verdana, sans-serif;
	line-height: 12px;
	padding-top: 1px; 
        margin-top: 0px;
        font-size: 10px; 
        text-align: center;
        text-transform: uppercase;
}

.subnav h1 {
	background: #979797;
	color: #FFE;
	font: bold 1.1em Verdana,sans-serif;
	border-bottom: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	line-height: 0px;
	padding-left: 8px;
        margin-bottom: 0px;
}

.subnav ul {
margin: 0; padding: 0;
}

.subnav li {
	border-bottom: 1px solid #d8d8d8;
	border-left: 7px solid #ff0f7b;
	list-style: none;
}

.subnav li a {
	background: #e6e6e6;	
	color: #8f8f8f;
	display: block;
	padding: 2px 0 2px 12px;
	width: 141px;
	text-decoration: none;
}

.subnav li a:hover {
	background: #f0f0f0;
	color: #7d7d7d;
}

p,ul {
	padding-bottom: 1em;
}

ul {
margin-left: 1.2em;
}

.border {
	border-right: 0px solid #ffffff;
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	padding-right: 0px;
	padding-left: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 0px;
	margin-bottom: -2px;
	line-height: 12px; 
	background: transparent;
}
</style>

<body>

<div id="updates">
<div class="updates">
<h4>Header</h4>
blah blah balh blah blah blah blah blah blah blah blah balh blah blah blah balh blah blah blah balh blah. <br />
</div>
</div>

<div id="updates1">
<div class="updates">
<h4>Header</h4>
blah blah balh blah blah blah blah blah blah blah blah balh blah blah blah balh blah blah blah balh blah. <br />

</div>
</div>

<h2>Navigation</h2>
		<ul>
			<li><a href="">Home</a></li>
			<li><a href="">Site</a></li>
			<li><a href="">Visitor</a></li>
			<li><a href="">About me</a></li>
			<li><a href="">Exit!</a></li>

</ul><br />

<h2>Credit</h2>
<a href="http://ify.emotionaltears.net">Integral For You</a>
<br /><br />

</div>
     </div>

<h1>About Layout</h1>
This layout was created in paintshop pro 9. Credit must be visible at all times.
</div>
<br />
<div class="foot">

</div>
      </div>

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

Layout Comments

Showing latest 6 of 6 comments

COuld you please make a miley cyrus one the same style as this one, for a myspace div? So have like everything be the same but just miley? and have it say Miley online? Ill do anything!! I lvoet his so muchh

By mileyonline on May 16, 2009 11:40 am