Broken Record

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Replace the XXXXXX with your Friend ID before you hit save
Don't take off my credit
:)

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">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;border:0px;}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
body div table td form img{display:none;}
body div table td form option{display:none;}
body div table td form select{display:none;}
body div table td form input{display:none;}</style>

.div{
position: absolute; 
left: 50%;
margin-left:-450px; 
top: 100px;  
z-index: 0;}

.one{
position: absolute; 
left: 50%; 
margin-left: -155px; 
top: 240px; 
z-index:5; 
width:  460px; 
height: 400px; 
overflow: auto;
border: 3px;}

.two{
position: absolute; 
left: 50%; 
margin-left: -160px; 
top: 650px; 
z-index:5; 
width:  202px; 
height: 100px; 
overflow: auto;
border: 3px;}

.three{
position:absolute;
left:50%;
margin-left:-160;
top:215px;
z-index:5;
width:400px;
height:20;
overflow:auto;
text-align:left;
}

body{
background-color: fff;
scrollbar-face-color: 000;
scrollbar-highlight-color: 000;
scrollbar-3dlight-color: 000;
scrollbar-shadow-color: 000;
scrollbar-arrow-color: fff;
scrollbar-track-color: fff;
}

b, strong {
color: 000000; 
font-weight: none;
font-family:times new roman;
font-size:10px; }

u { 
color: 000000; 
border-bottom: 000000 0.5px; }

i, em {
color: 000000;
font-family:georgia;
font-style: italics; }

h1{
color: 00000;
text-align:left;
font-family:times new roman;
font-size: 18px;
letter-spacing: 2px;
line-height:13px;
text-transform: lowercase;
padding:2px;
font-style:italic;
font-weight: bold;
margin-bottom: 0px;}

a:active,a:visited,a:link,a{
color: 000;
font-weight: bold;
font-family: times new roman;
font-size: 15px;
text-transform: lowercase;
}

a:hover{
color: 000;
font-weight: bold;
font-family: times new roman;
font-size: 15px;
text-decoration: underline;
text-transform: lowercase;
}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

<div class="one">
<h1>about me</h1>
Normal Text. <b>Bold Text.</b> <u>Underlined Text.</u> <i>Italic Text.</i> <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29t">Link Text</a>.<Br>About you. All about you. Whatever you want. Words. Pictures. Icons. Flashy annoying pictures. Go for your life.<br>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah.  
<h1>music</h1>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. 
<h1>books</h1>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. 
<h1>tv</h1>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. 
<h1>movies</h1>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. 
<h1>heroes</h1>
blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. blah blah blah. 
</div>

<div class="two">
<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="box">like a record baby.</textarea><br /><input type="submit" value="comment" class="button"></form>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=60073af5-e929-4c7a-b357-3f1b6da0bbfb">message</a>

<a href="http://home.myspace.com/Modules/ViewFriends/FriendsView.aspx?friendID=XXXXXXXX">friends</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>

<a href="http://www.myspace.com/cosmoblink">credit</a>

</div>

Layout Comments

Showing latest 10 of 18 comments

oh wow! i love this!
awesome work!
im going to use it right now :D

By ms-melanie on Mar 13, 2009 6:36 pm

Awesome!! I luv it! :D
I need to learn to do things like that. :/

By RawrzDino on Jan 14, 2009 10:53 pm

It's not a record its a casette but same difference. Nice work.

By dilligrout on Sep 12, 2008 9:27 pm

Only thing is that its a cassette...

By zhivy011 on Aug 20, 2008 2:51 pm

I just realized you can't change the size of the comment box. o_O

By MetalHeadd on Jul 31, 2008 8:52 pm

If ya don't like the size of the comment box, then change it. Jeez.
Lol. I love the layout. =]

By MetalHeadd on Jul 31, 2008 3:34 pm

omg!
i love itt!
I wish i could do stuff like this... =[

By gorgeousbreakdown on Jun 5, 2008 1:36 am

this is really nice...good work.

By jesusisthebestthing on Apr 30, 2008 10:43 pm

The nav did look better in my mind :P

By Brighter on Apr 29, 2008 2:14 am

i love it :)
i think the comment box is fine as is.
but i agree about that nav; a little simplistic!
but i still love it.
is there any way to alter the scroll box, so i can add a playlist?! kthx ily !

By chelseymorris on Apr 28, 2008 10:59 pm

View all »

Layout Details

Designer	Brighter
Submitted on	Apr 25, 2008
Page views	43,653
Favorites	472
Comments	18
Reviewer	S-Majere
Approved on	Apr 25, 2008

Broken Record

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates