Yarg!

Designer's Comments

Look carefully for specific instructions

Drew everything here myself. First DIV layout I ever coded.

Special thanks goes to sammytheheadbutt for her help with coding.

LIKE THIS?
WEBSITE | MYSPACE

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

table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}

.comments{visibility:visible;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

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 table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

.link1{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:651;top:503}
.link2{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:763;top:503}
.link3{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:651;top:556}
.link4{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:763;top:556}
.link5{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:651;top:612}
.link6{z-index:5;line-height:10px;position: absolute;width:111px;height:54px;left:763;top:612}

.name1{height: 54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224aa.png) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224ab.png) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224ac.png) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224ad.png) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224ae.png) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}
.name6{height: 54px; width: 111px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/03/15/26224af.png) top left no-repeat; 
display: block;}
.name6:hover{background-position: bottom left;}

body {
 background-color: ececec;
background-image:url();
	background-attachment: fixed;
	background-position:bottom left;
	background-repeat:no-repeat;
 scrollbar-arrow-color: A94646;
 scrollbar-face-color:ffffff;
 scrollbar-3dlight-color: ffffff;
 scrollbar-darkshadow-color: ffffff;
 scrollbar-shadow-color: ffffff;
 scrollbar-highlight-color: ffffff;
 scrollbar-track-color:ffffff;
 cursor: default;}

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

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px verdana; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 0px;}}

{basic font}
.text {font:normal 11px verdana; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: left; letter-spacing: 1px;}}

{style for the number of comments you have ..}
.redtext{font-family:verdana; font-size:11px; color:CCCCCC; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;}

{comment title}  
.blacktext10{font-family:verdana; font-size:11px;  color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 1A5566;}

.standard b, p b, B, strong {
font-family:verdana; font-size:10px; color:A94646; font-weight:bold; border:0px; text-transform:none; letter-spacing:-1px;}

u, s, .stext, .sbtext, .swtext {
  font-family: century gothic; 
  font-size: 10px;
  color: A94646;
text-align:left}
i, em, .itext  {
  font-family: century gothic; 
  font-size: 10px;
  color: A94646;
text-align:left}
big, .bigtext {
font-family: century gothic;
font-size: 13px;
color: 000000;
text-align:left}

.a {hide top search bar}
div div select, div div form {display:none !important;}

body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}

td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}

table td div div{visibility:hidden;}
td div a.text{visibility:hidden;}
td div a.links{visibility:hidden;}
tr {background-color:transparent}
table div {display:none;}
table table div, div table div {display:block;}
.friendsComments {display:none;}
.friendspace{display:none}

.latestBlogEntry {display:none;}
.extendedNetwork {display:none;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position: absolute; left:243px;  top:520px; width:140px; height:60px; overflow: none;" >
<center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXXXX" type="hidden"><textarea name="f_comments" style="width: 120; height: 40px;" cols="10" rows="7" style="border-width: 0px; border-style: solid; border-color: ffffff; font-family: century gothic; text-transform:uppercase; letter-spacing:1pt;font-size: 10px; color: 000000; background-color: f3ddc5;" style="overflow:auto;">Yaharr, Me Maytee :)</textarea> 
<br> <input value="Comment me :)" style="border-width: 1px; border-style: solid; border-color: ffffff; width:100px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: f3ddc5;" type="submit"> </form>
</center>
</div>

I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.
I wanna be a pirate. I wanna be a pirate. I wanna be a pirate. I wanna be a pirate.

</div>

Layout Comments

Showing latest 10 of 19 comments

:O
it's so cute,
but onthe 'about me' box,
it was really messed up for some reason on my myspace.
the scroll box didn't work and stuff went through it, and some random codes showed up.

By UnknownPossibilites on Jul 25, 2008 11:43 pm