Phantom

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

All images from PB, the collaboration i made myself.

Instructions are in the layout make sure to read them.

Enjoy!

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

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css">
.ftd {Moves the entire profile upxd }
body table {margin-top:-5000px;}

.ftd {Keeps the ad, search form, and navigation links in placexd}
body td table, body div table {margin-top: 0;}

.ftd {Makes the table the ad, search form and nav links are on transparentxd}
table, tr, td {background-color:transparent;}

.ftd {Removes the search formxd}
body div table form{display:none;}

.ftd {For comment boxes to displayxd}
body table div form{display:block;}

.ftd {Hides the dividers in between the nav links, basically this means don’t remove any codingxd }

div table td font {visibility:hidden; }
body{
background:url('http://cbimg6.com/layouts/07/10/28/22729aa.png') repeat center fixed;
background-color:000000;
}
 a:link, a:active, a:visited{
display:block;color:dcd7df!important;border-bottom:0px dotted;border-color:d2330f;
font-family:century gothic;font-size:8pt;letter-spacing: 0px;font-weight: normal;text-align:left;width:155px;
text-transform:none;text-decoration:none!important;line-height:10pt;background-color:3d3b3b;margin: 1px;
}
 a:hover{
display:block;color:dcd7df!important;border-bottom:0px dotted;border-color:b16021;
font-family:century gothic;font-size:8pt;letter-spacing: 2px;font-weight: normal;text-align:right;width:155px;
text-transform:none;text-decoration:none!important;line-height: 10pt;background-color:3d3b3b
;margin: 1px;
border-right:8px solid;border-color:780505;
}
.bg1{
width:649px;
height:742px;
position:absolute;
top:0px;
left:80px;
z-index:1;
overflow:hidden;
background:url('http://cbimg6.com/layouts/07/10/28/22729ab.png') no-repeat center scroll;
background-color:transparent;
border:10px double;border-color:000000;
color:000000;
font: 10pt Arial,Helvetica,sans-serif;
text-decoration:none;
}
.links2{
width:155px;
height:auto;
position:absolute;
top:350px;
left:115px;
z-index:1;
overflow:hidden;
background-color:transparent;
color:000000;
font: 10pt Arial,Helvetica,sans-serif;
text-decoration:none;
}
.music3{
width:155px;
height:120px;
position:absolute;
top:520px;
left:115px;
z-index:1;
overflow:auto;
background-color:transparent;
color:efede9;
font: 8pt Century Gothic;
text-decoration:none;
scrollbar-face-color:780505;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
}
.combox4{
width:155px;
height:65px;
position:absolute;
top:670px;
left:115px;
z-index:1;
overflow:hidden;
background-color:transparent;
color:000000;
font: 10pt Arial,Helvetica,sans-serif;
text-decoration:none;
scrollbar-face-color:780505;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
}
.div5{
width:400px;
height:389px;
position:absolute;
top:340px;
left:298px;
z-index:1;
overflow:auto;
background-color:transparent;
color:ecebe9;
font: 8pt Century Gothic;
text-decoration:none;
scrollbar-face-color:780505;
scrollbar-arrow-color:000000;
scrollbar-track-color:000000;
}
.hold{background-color:transparent} 
.contain{left:50%;margin-left:-400px;top:150px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
.xtinadesignz {left:50%;margin-left:-400px;top:0;position:absolute;z-index:9;visibility:visible !important} 
.comments{display:none}
.contacttable,.profileinfo,.latestBlogEntry,.interestsAndDetails,.extendedNetwork,.orangetext15{display:none}
.bodyContent div div form{display:inline}
.bodyContent table table table{visibility:hidden}
a img{border:none}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="links2"><a href=" http://home.myspace.com/index.cfm?fuseaction=user "class="nav">home</a> 
 <a href=" http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX "class="nav">add</a> 
<a href=" http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX "class="nav">message</a>
 <a href=" http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXX "class="nav">block</a> 
 <a href=" http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX "class="nav">pictures</a> 
 <a href=" http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXX "class="nav">blog</a> 
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="nav">friends</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"class="nav">comment</a> 
<a href="http://www.xtinadesignz.com/"class="nav">xtina designz</a></div>

<div class="music3">Put an mp3 player, myspace player or just list the music you like. It does scroll. attributes 155 x 120 or less</div>

<div class="combox4"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" class="Skem9box">point of no return</textarea><br /><input type="submit" value="un-mask me!" class="Skem9sub"></form>

<div class="div5"><img src="http://i4.photobucket.com/albums/y122/xtina313/phantompic.png"border=0 width=100px height=139px align=left></a>put what you want in here. The picture should be sized no more then100 x 139.  If you would like it smaller make it 110 x 110.  This area does scroll so put as much as you would like in it.  Dont forget to change the XXXXXX to your friend id number. Make sure you really look for these because if you dont change that it will not work.  Some people dont look for it then message me telling me its not working. It does work you just have to do it right.  You must have some knowledge of html, I cannot help you with setting this layout up.  I really like this movie and its one of my favorite musicals.  Hope everyone enjoys! </div>
<div class="comments">
<table><tr><td>
<table><tr><td>

Layout Comments

Showing latest 10 of 17 comments

hey shyeah i have a moulin rouge layout for you...contact me when you see this

By xtina on Dec 28, 2007 4:30 am

i really like ur lyts but i was wondering if u could make a moulin rouge one, i would really appreciate it if u did... u can find some cool pics about the movie on google or onphotobucket/icons..... thanx alot

By shyeah on Nov 20, 2007 5:48 pm

It's about fucking time someone did my favorite musical as well as you have. VERY FUCKING AWSOME! I officially love you ! =]

By xSyntheticPorcelainx on Nov 7, 2007 1:18 pm

awesome work....
i really like it...

By elrene06 on Nov 2, 2007 1:40 pm

i love it.
amazing.

By AxBEAUTiFULxSTAR on Oct 31, 2007 12:10 am

i agree i like the setup, but i dislike the font that has that border around it, and the banner looks too embossed. other than that, good job. :)

By alecreations on Oct 30, 2007 9:39 pm

this is a great layout setup however the main banner graphic is too plain

By riotstar on Oct 30, 2007 3:11 am

phantom of the opera. classic. i like it although the bright red is a bit too bright.

By twodreamlovers on Oct 29, 2007 7:26 pm

I don't like the way the font looks. =/ It looks a bit blurry to me... >.>
I think you should change the colours of the outline or something... =T
Other than the fonts, it's good.

By DelicateLove on Oct 29, 2007 5:27 pm

I really want to watch it but the layout looks great =D

By JoannLeung on Oct 29, 2007 3:30 pm

View all »

Layout Details

Designer	xtina
Submitted on	Oct 28, 2007
Page views	14,558
Favorites	74
Comments	17
Reviewer	karmakiller
Approved on	Oct 28, 2007

Phantom

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates