One more time

Myspace Layouts / Div Overlay

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"> 
table, tr, td {background:transparent;} 
table table table table, table.contactTable{display:none;} 
td.text table{visibility:hidden;}
.nametext, .whitetext12, .orangetext15 {display:none;}div table td font {display: none;}body {background-color:transparent;} td.text table table{display:inline;visibility:visible;}table, td{border-width:0px;}
.comments{display:inline;} 
.comments table { width:300px !important; }

.r{text and links}
input {background-color:transparent !important;}
td, span, div,nav, input, table td div div font,
body div table tbody tr td font {font-family:copperplate gothic light !important; font-size:12px;}
a {display:none}
td, span, div, input, table td div div font,
body div table tbody tr td font {color:black !important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,
.redtext, .blacktext10, .redbtext, .btext {color:black!important; font-size:12px !important;}

b, strong {font-family: copperplate gothic light; font-size: 16px; color: white; font-weight: normal; background-color: black; display:block; width: 100%; line-height:18px; text-align:left !important;}
i{font-family: verdana; font-size: 13px; color:69c3be; line-height: 10px;}
u{font-family: copperplate gothic light; font-size: 16px; color:black; text-decoration:none; line-height: 20px; border-bottom: 1px dashed; border-bottom-color: black; letter-spacing: -1px;}

a {color:black !important; font-family: copperplate gothic light; text-decoration:none;  font-weight:normal; font-size:12px; background-color: white; display:block; width: 100%;font-style:none;}
a:hover {color:black !important; font-family: copperplate gothic light; font-weight:normal; font-size:12px; cursor:crosshair; background-color: b0e0dd; display:block; width: 100%; text-decoration:none; text-align:left; !important;}

a:hover {color:black !important; font-family: copperplate gothic light; font-weight:normal; font-size:12px; cursor:crosshair; background-color: b0e0dd; display:block; width: 100%; text-decoration:none; text-align:left !important;}

body {
direction:ltr;
background-image:url(http://cbimg6.com/layouts/07/08/25/20951aa.jpg);
background-color:ffffff;
background-repeat:repeat;
background-attachment:scroll;}

.comments {
background-color:white;
border:3px solid black;
font-family:century gothic;
font-size:10px;
font-weight:none;
color:black;
text-align:left;
padding: -10px;
position:absolute;
left:325px;
top:713px;
z-index:2;
height:180px;
width:400px;
overflow:auto;}

.details {
background: white;
border:3px solid black;
position:absolute;
left:325px;
top:225px;
height:225px;
width:150px;
overflow:hidden;}

.birdie {
background:transparent;
border:0px;
position:absolute;
left:319px;
top:175px;
height:50px;
width:600px;
overflow:hidden;}

.aboutme {
position: absolute; 
left:525px;  
top:470px; 
width:380px; 
height:223px; 
overflow: auto; 
background-color: white; 
border: 3px solid black; 
text-align:left;}

.layout {
position: absolute; 
left:745px;  
top:713px; 
width:160px; 
height:180px; 
overflow: hidden; 
background-color: white; 
border: 3px solid black; 
text-align:right;}

.nav {
position: absolute; 
left:815px;  
top:225px; 
width:90px; 
height:225px; 
overflow: hidden; 
background-color: white; 
border: 3px solid black;
text-align:right;}

.space{
position: absolute; 
left:205px;  
top:1100px; 
width:5px; 
height:5px; 
overflow: hidden;}

.friends{
position: absolute; 
left:325px;  
top:470px; 
width:180px; 
height:223px; 
overflow: hidden; 
background-color: white; 
border: 3px solid black;}

a span{display:none;}
a:hover span {display: block;
position: absolute; top: 18px; left: 75px; width:105px;
padding: 0px; margin: 0px;
color: white; background: black; filter:none;}

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:-10px;}
td.text td.text table table br {display:inline;}

<resizes images in your comments>
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:90px;}
td.text td.text table table td img {width:150px; max-width:150px; width:auto;}
td.text td.text table table td div img {width:100px;}
* html td.text td.text table table td img {width:80px;}
* html td.text td.text table table td a img {width:80px;}
* html td.text td.text table table td div img {width:80px;}

.r{google}
div td form {display:none;}
table div td form {display:inline;}

.Hide Number of Comments
td.text table {width:100%;}
.FriendsComments td.text td b {visibility:hidden;}
.FriendsComments td.text td b a,
.FriendsComments td.text td td b {visibility:visible;}

</style></style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="nav"><b>navi</b><a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a><br><a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=YOUR FRIEND ID HERE">message</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=YOUR FRIEND ID HERE">add</a><br>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=YOUR FRIEND ID HERE">pictures</a><br>
<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=YOUR FRIEND ID HERE">friends</a><br>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=YOUR FRIEND ID HERE">blog</a><br>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=YOUR FRIEND ID HERE">block</a><br>
</div>

<div class="details"><b>details</b><br>
<u>Name</u> <i>your name</i><br>
<u>Age</u> <i>your age</i><br>
<u>Smoke</u> <i>yes or no?</i><br>
<u>Drink</u> <i>yes or no?</i><br>
<u>Sign</u> <i>your sign</i><br>
<u>Location</u> <i>your location</i><br>
<u>Height</u> <i>your height</i><br>
<u>Hair</u> <i>your hair</i><br>
<u>Eyes</u> <i>your eyes</i><br>
</div>

<div class="aboutme"><b>about me</b>
**Please do not attemp to use this layout if you don't understand html.**<br><br>You can write about yourself and put pictures here.  Feel free to delete anything I have in this section.  The title on each can be changed easily by changing the bold text.  Do NOT change anything in the about the layout section.<br><br>
The fonts:  Keep in mind that links and bold text take up an entire line.<br>
<u>underline</u>  <i>italic</i>  <a href="">link</a>  <b>bold</b>  
<br><br><table><tr><td valign="top"><fieldset style="border:1px dashed black; width:90;"><legend>♥ music</legend>you can list your favorite bands here...</fieldset></td><td valign="top"><fieldset style="border:1px dashed black; width:90;"><legend>♥ movies</legend>and your favorite movies here...</fieldset></td><td valign="top"><fieldset style="border:1px dashed black; width:90;"><legend>♥ tv</legend>and your favorite tv shows here.  ♥</fieldset></td></tr></table><br><br><br>
<b>tunes</b>
You can put your own music player here.  I got this one from loudfusion.com.<center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="125" width="210" data="http://cbimg6.com/layouts/07/08/25/20951ar.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://cbimg6.com/layouts/07/08/25/20951ar.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="USERID=277457" />
</object></center><br><br>
<b>leave love?</b>
<br><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="YOUR FRIEND ID HERE" type="hidden"><textarea name="f_comments" class="birdiebox">yay! ♥</textarea><br /><input type="submit" value="u rock" class="birdiepost"></form>

<div class="layout"><b>about the layout</b>
<br>The quote is from "Birdie" by
<a href="http://www.myspace.com/rigbyfawkes">Rigby Fawkes.</a><br>
The background is from
<a href="http://av-layouts.nuclearcentury.com/">AV_Layouts.</a><br>
The design is by<a href="http://coffeebeanlove.createblog.com">CoffeeBeanLove.</a>

</div>

<div class="friends"><b>friends</b>

</div>

<div class="comments"><b>comments</b><table><tr><td><table><tr><td></style></style>

Layout Comments

Showing latest 10 of 27 comments

never mind that shit. the block is still there.

By koobecaf on May 4, 2009 6:13 pm

14 days ahead and I understand where the layout is coming from. It looks much better now that there is no white block on top of the layout. i deffinitly love the navigation as well. *Possessing*

By koobecaf on May 4, 2009 5:11 pm

What the hell is with that big ass white block in the middle :[

By koobecaf on Apr 20, 2009 8:31 pm

i love this layout!
but how do u get rid of the white stuff thats showing up? :s
it's covering alot of the layout

By littlemisshailstone on Feb 22, 2009 7:15 am

OMGosh.
i loveee this layout.
BUT,
there's this big box thingy,
that covers up all of the layout.
help?

By KelseyKatastrophe on Aug 28, 2008 3:52 am

I love what you did with the friends, could you do a less "girlish" layout like that?

By Vaguememory on Jun 2, 2008 6:05 pm

im havin problems with gettin my music player to be hidden as well as the navi lines going across it...

if you can help... let me kno

By lovaboi on May 18, 2008 3:06 am

i cant get ride of the white lines that go across..
& its really long :(

By dobby19 on May 2, 2008 9:28 pm

yep yep the nav boxes r showing up on the page all the way down also!!

By MiZGeO on Dec 29, 2007 4:43 am

See, i'm having the same problem as "aka22caliluv" "i really love this layout, but for some reason, the links on the top of a regular myspace page(home. browse. etc) are showing up down the page in white bars the whole way down. HELP????"

By tannieyang on Dec 21, 2007 10:39 pm

View all »

Layout Details

Designer	coffeebeanlove
Submitted on	Aug 24, 2007
Page views	99,152
Favorites	508
Comments	27
Reviewer	Clashing
Approved on	Aug 25, 2007

One more time

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates