Who's That Girl

Designer's Comments

Look carefully for specific instructions

This is more of the "default" layout style, but with DIV overlay so you can create your own sections.

** Don't forget to replace XXXXXX with your ID
** and replace FRIENDID with your friend's ID's in the "people to see" section

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

body {
background-color: black;
background-image: url(http://cbimg9.com/layouts/08/10/32101ab.png);
background-repeat: repeat;
background-attachment: ;

scrollbar-arrow-color: COLOR1; 
scrollbar-face-color: COLOR1;
scrollbar-3dlight-color: COLOR2;
scrollbar-highlight-color: COLOR2;
scrollbar-darkshadow-color: COLOR2;
scrollbar-shadow-color: COLOR2;
scrollbar-track-color: COLOR2;

font-family: Arial;
font-size:11px;
color:7b7b7b;
text-align:justify;
cursor: crosshair;
line-height: 10px;}

{REGULAR LINKS}
A:link    { color: ffffff; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:visited { color: ffffff; font-family:small fonts; font-size: 7px; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px;}
A:hover   { color: ffffff; font-family:times; font-size: 20px; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: lowercase; line-height: 15px;}

{NAVIGATIONAL LINKS}
a.nav:link, a.nav:visited, a.nav:active {
	text-decoration: none;
	font-family:arial;
	text-align: left;
	font-style:none;
	font-size:10px;
	line-height:10px;
	color:black!important;
	background-color:2d2d2d;
        cursor: default;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding-left: 1px;
	padding-right: 1px;
	}
a.nav:hover {
	text-decoration: none;
	font-family:arial;
	font-style: normal;
	font-variant: arial;
	font-size: 12px;
	line-height: 10px;
	text-align: left;
	color:black!important;
	background-color:2d2d2d;
	border-right: 20px solid;
	border-color: FED4EF !important;
	cursor: crosshair;
	display: block;
	margin: 0;
	margin-bottom: 0em;
	padding-left: 1px;
	padding-right: 1px;
	}

.head1{
font:30px century gothic;
color:e69595;
text-align:right;
text-transform:uppercase;
line-height:20px;
letter-spacing:-3;
border-bottom:1px dashed;
}

.topic{
font-family:arial; 
color:000000; 
font-size: 28px; 
letter-spacing:-2pt; 
text-align: center; 
line-height: 27px; 
font-weight:normal; 
display:block; 
background-color:e69595; 
background-image: url(http://cbimg9.com/layouts/08/10/32101ac.png);
visibility:visible;
border-bottom:dashed 1px; 
border-top:dashed 1px; 
border-color:000000;
text-align:center;
text-transform:lowercase
}

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

.navbox{
background: 000000;
background-image: url(http://cbimg9.com/layouts/08/10/32101ad.png);
border: 1px solid black;
font-family: arial;
font-size: 11px;
color: 7b7b7b;
text-align: justify;
cursor: crosshair;
line-height: 10px;
font-weight: normal;
padding: 2px;
text-transform: none;
}

b{
color: ;
}

i{
color: ;
}

u{
color: ;
}

ul{
color: 000000;}

EMBED{width:0px;height:0px;} div table table table td font {visibility:visible;} table table embed {display:block; position:absolute; top:11px; left:0px; visibility:visible;} table table table embed {position:static;} .herpe td td object {position:absolute; left:40%; margin-left:-150px; top:300px;}
embed, object {display:block; width:0px; height:0px;}
 
.bg{background-image:url();  left:0px; top:148px; width:1024px; height:auto; position:absolute; background-position: top center;}
.main{background-image:url(http://cbimg9.com/layouts/08/10/32101ae.png);  left:300px; top:133px; width:803px; height:263; position:absolute; z-index:9}

.comments{visibility:visible;width:2px; height:1px;position:absolute;
top:200px;left:10px; 
overflow:auto;background-color:white;font-family:georgia;
border:black 0px solid;z-index:2px;}

.orangetext15, .navbar, .contacttable {display:none;visibility:hidden;}

div table {background-color:transparent;}
td.text table {visibility:hidden;}
td.text table table, td.text table table td.text {visibility:visible;}
td td td td td div {background-color:transparent;}
td td td td td div strong {visibility:hidden;}
table table table {visibility:hidden;}

table, tr, td {background:transparent; border:0px;}
table table table {background-color:transparent;}

input {background-color:transparent !important;}
}
img {border:0px;}

.blacktext10 {display:block;}

a {font:normal 10px Verdana; color:B9A993 ; font-weight:none; border:0px; text-transform: none; }

.r{}

.comt td, .comt table{width:0px!important; 
height:0px!important; 
background-color:transparent!important; 
border:0px!important; _padding:2px!important;} 
.comt .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;}

.comt td b, .blacktext10 {display:block;}

.comt {z-index:7;}

.comt { width:500px; 
	height:225px; 
	overflow:auto;
	background-color:transparent; 
	border:0px solid; 
	border-color:none;
	position:absolute; 
	top:518px; 
	left:50%; 
	margin-left:-260px;}

.blacktext10 {width: 320px;}

td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}td.text td.text table {background-color:transparent;}td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}td.text td.text table table td {padding:3;}td.text td.text table table br {display:inline;}

td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;} td.text td.text td a {visibility:hidden;} 
</style></style>

<div class="navhead">NAVIGATION</div><div class="navbox">
<a href="http://home13.myspace.com/index.cfm?fuseaction=user" class="nav">Home</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="nav">Pictures</a>
<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">Message Me</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">Add Friend</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0" class="nav">Favorite</a>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="nav">My Friends</a>
<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="nav">My Comments</a>
<a href="http://www.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX" class="nav">Add Comment</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="nav">Blog</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="nav">Block Me</a>
<a href="http://misspixxed.createblog.com/" class="nav">Layout Design</a></div>

<div class="navhead">Interests</div>
<div class="navbox">
Music, Movies, Television .... anything you want to let people know about your general interests would go here.
 </div>

<div class="navhead">Expressions</div>
<div class="navbox">
Avatar/Blinkies Here (just make sure they aren't wider than 300px)
 </div>

<div class="navhead">People to See</div>
<div class="navbox"><center>
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
<a href="http://www.myspace.com/FRIENDID">Name</a> 
 </div>

<div class="navhead">PROFILE STATS</div><div class="navbox">
Webmiss: your name here 
Create date: 00.00.00 
Layout: Who's That Girl? 
Best Viewed: 1440x900 
Browser: IE 7 
Design: <a href="http://misspixxed.createblog.com">Miss.Pixxed</a>
 
</div>

</div><div id="2" style="position:absolute; border:0; left:320; top:150; width:470; height:auto; padding:0px; overflow:none; z-index:2; background:transparent;" align="left">

<div class="head1">Terms of Use</div><div class="navbox"> 
Terms of Use: 
<ul>
<li> To display properly, you should erase all data from your profile information sections. Otherwise, the text may show through the DIV layer.</li>
<li> Don't forget to replace the XXXXXX with your friend ID.</li>
<li> Please do not remove any credits placed on layouts.</li>
<li> If you use, feel free to send me a message at <a href="http://www.myspace.com/misspixxed"> MissPixxed</a> so I can check it out!</li>
<li> Last, but not least, make sure any avatars/blinkies/pictures you insert do not exceed [470]px or your tables will widen and the layout will not display properly.</li>
</ul>
</div>

<center><img src="http://cbimg9.com/layouts/08/10/32101aa.gif" /></center>

<center>
Name: 	name here		 
Age/Sex: age here		 
Birthday: b-day			 
Location: somewhereville	 
Quote: 	"lalalalala"		 
</center>

THE LOOKS
Hair color: 	 
Eye color: 	 
Height: 	 
Tattoos: 	 
Piercings: 	 
Best physical feature:

PERSONALITY
Best character trait: 				 
Bad Habits: 					 
Overused phrase: 				 
Do you have any special talents? 		 
Do you collect anything? 			 
What's the craziest thing you have ever done? 	 
Worst Fear? 					 
Most embarrassing moment: 			 
Favorite memory: 				 
Dream car:

Loves: (list anything & everything that comes to mind) 		 
Hates: (list anything & everything that comes to mind)

FAVORITES
Time of year:				 
Holiday:					 
Movie:					 
TV show:					 
Song:					 
Artist:					 
Alcoholic beverage:			 
Food:					 
Scent:					 
Flower:					 
Animal:					 
Candy:

WHO ARE? 
Boyfriend/ girlfriend:			 
Parent:					 
Sibling:					 
Best friend(s):				 
Pet(s):

BELIEFS
Magic?					 
Miracles?				 
Ghosts?					 
Love at first sight?			 
Yourself?				 
Wishing on shooting stars?

THE MYSTERY OF LOVE
Have you ever been in love?		 	 
Have you ever had your heart broken?	 	 
How would you turn someone down?		 	 
What do you look for in the opposite sex?

FINISH THE SENTENCE
If I had 1 million dollars I would....		 
I am a great....					 
Before I die I want to....			 
If I could go anywhere, I'd go....

RANDOMNESS
What's your name spelled backwards?		 			 
Longest car ride?				 			 
What is one thing you want?			 			 
What is the biggest amount of people you've had spend the night?		 
Do you consider yourself a good singer?		 			 
What is the coolest memory you've had with your best friend?		 
Are you a MySpace addict? 						 
What is the weirdest comment you've ever gotten?				 
Can you make people laugh?

</div>

<div class="head1">Miscellaneous</div><div class="navbox"> 
You can add another section here. Maybe a music player or a comment box...whatever your little heart desires. Remember to make sure the width of any images/graphics you put in here also doesn't exceed [470]px.
 Here is an example of what your text would look like bold, and here's some italic and we'll even try it with underline....
 
This would be a good place to place any surveys, quizzes, etc. that you would normally put in your about me section. Plenty of room, and the boxes will heighten as you continue to add stuff.
 </div>

Layout Comments

Showing latest 5 of 5 comments

i tried usin this but it didnt look how it was supposed to. my comments were runnin into everything else. how do you make it work?

By jmono on Nov 8, 2008 12:36 pm

quick question - if i wanted my music player to show up where is the code for that in the layout?

By xfallendreamsx on Oct 25, 2008 8:31 am

Oh snap, I like it but it
could get me deleted so
not using =[

By MemoriesWithin on Oct 20, 2008 12:32 am

yeap! kudos for u!!!

By michellekdo on Oct 19, 2008 4:22 pm

Brilliantly awesome. kutos to you.

By JenniferCecelia on Oct 19, 2008 12:35 pm

Layout Details

Designer	MissPixxed
Submitted on	Oct 19, 2008
Page views	18,408
Favorites	192
Comments	5
Reviewer	schizo
Approved on	Oct 19, 2008

Who's That Girl

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates