Katy Perry (HOT 'N' COLD)

Designer's Comments

Look carefully for specific instructions

im a top layout contributor
click here =)

DETAILS

name; "Katy Perry (HOT 'N' COLD)"
made in; PAINT SHOP PRO 9
by; EMMIJANE
rollovers; no
navigation type; fixed width.

RESOURCES
pictures; 001
brushes; 002

any other textures, or other brushes most likely made by me.

instructions.
1. PASTE CODES INTO SELECTED AREAS WHEN YOU GO TO 'EDIT PROFILE' FOR MYSPACE.
2. DO NOT SAVE YET. REPLACE ALL XXXXXXX's WITH FRIEND ID. YOU WILL FIND THESE IN THE 'navigation.' SCROLL BOX AT THE BOTTOM OF THE CODE THAT GOES IN 'WHO I'D LIKE TO MEET'. IF THERE IS A FRIEND BOX, EDIT THOSE LINKS BEFORE YOU SAVE ALSO.
3. SAVE, OR DO NOT. YOUR CHOICE. I RECOMMEND NOT.. BECAUSE YOU STILL HAVE TO REPLACE ALL THE SAMPLE CONTENT WITH YOUR OWN.
4. REPLACE ALL CONTENT I WROTE IN WITH YOUR OWN STUFF.
5. LEAVE THE CREDIT ON THERE. SAVE.
6. ENJOY THE LAYOUT!

AS ALWAYS;
no redistributing! DO NOT TAKE ANY OF MY DESIGNS AND CLAIM THEM AS YOUR OWN, DO NOT TAKE ANY OF MY CODES TO USE WITH YOUR, OR ANYONE ELSES DESIGN.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

div div, div td {background-color:transparent; background-image:;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

A:link    { color: 000000; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:visited { color: 000000; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:hover   { color: bb2255; font-family:georgia; font-size: 11px; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; line-height: 15px;}

{NAVIGATIONAL LINKS}
.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	text-transform: uppercase;
	font-family:georgia;
	font-style: normal;
	font-variant: georgia;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:ff6699;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;}

.nav:hover {
	text-decoration: none;
	text-transform: uppercase;	
	font-family:georgia;
	font-style: normal;
	font-variant: georgia;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:ff6699;
	border-right: 20px solid;
	border-color: bb2255 !important;
	cursor: hand;
	display: block;
	margin: 1;
	margin-bottom: 1;
	padding-left: 1px;
	padding-right: 1px;
	}

.navhead{
font:22px impact;
color:ff6699;
text-align:right;
text-transform:lowercase;
line-height:22px;
letter-spacing:-1;
border-bottom:;
}

.navbox{
background-color: ;
background-image: url();
border: 0px solid black;
font-family: arial;
font-size: 11px;
color: 91c1b0;
text-align: justify;
cursor: hand;
line-height: 10px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

b, stong 
{font-family:arial; font-size: 11px; color: ee3377; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: ;
    background-image: url('http://cbimg9.com/layouts/08/10/32126ab.png');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center top;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

about me.
<div class="content" style="position:absolute; align=justify; left:140px;top:760px;width:518px; height:534;background-color:; overflow: auto;"><div align=justify>

<h1><b><big><big><big><big>about this layout</big></big></big></big></b></h1>
this layout was made in <b>paint shop pro 9</b> don't remove the credit.
<br>
keep my credit last in the links!
<br></br>
don't forget to change the headers!
<br>
maximum width is 430!

<h1><b><big><big><big><big>whatever here</big></big></big></big></b></h1>
<b>bold</b> <u>underline</u> <i>italic</i> <a href=www.createblog.com>links</a>.
<br></br>
Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words.

</div></div></div></div>

friends
<div class="content" style="position:absolute; align=justify; left:667px;top:953px;width:195px; height:341;background-color:; overflow: auto;">
<marquee behavior="scroll" direction="up" width="195 " height="341"><br />
<a href="FRIENDS URL HERE"><img src="http://img529.imageshack.us/img529/3449/katyperrylytfriendspacejm6.png" /></a> <a href="FRIENDS URL HERE"><img src="http://img529.imageshack.us/img529/3449/katyperrylytfriendspacejm6.png" /></a> <a href="FRIENDS URL HERE"><img src="http://img529.imageshack.us/img529/3449/katyperrylytfriendspacejm6.png" /></a> <a href="FRIENDS URL HERE"><img src="http://img529.imageshack.us/img529/3449/katyperrylytfriendspacejm6.png" /></a> <a href="FRIENDS URL HERE"><img src="http://img529.imageshack.us/img529/3449/katyperrylytfriendspacejm6.png" /></a> 
</marquee>
</div></div></div>

-------------------------------------------
navigation. emmi jane.
DO NOT EDIT THESE IN ANY WAY. EXCEPT TO
REPLACE THE XXXXXX'S WITH YOUR FRIEND I.D.
-------------------------------------------
<div class="content" style="position:absolute; align=justify; left:662px;top:760px;width:201px; height:299;background-color:; overflow: auto;"><div class="navbox">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="nav"> home</a><br><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455" class="nav"> comment</a><br><a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav"> add me</a><br><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455" class="nav">message me</a><br><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav"> block me</a><br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="nav"> my pictures</a><br><a href="http://emmijane.createblog.com/" class="nav"> CREDIT</a>
</div></div></div></div>