Pinksy

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>
.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;}

div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }

body div table tbody tr td font {visibility:hidden;}
body table div table tbody tr td font {visibility:visible;}

.div{
position: absolute;
left: 50%;
margin-left:-480px;
top: 100px;
z-index: 0; }
.one{
position: absolute;
left: 50%;
margin-left: -423px;
top: 575px;
z-index:2;
overflow: auto;
}
.two{
color:b7b6b2;
position: absolute;
left: 50%;
margin-left: 125px;
top: 565px;
z-index:2;
width: 315px;
height: 157px;
overflow: auto;
}
.tt{
color:ffffff;
position: absolute;
left: 50%;
margin-left: -200px;
top: 575px;
z-index:2;
overflow: auto;
width: 97px;
height: 258px;
}
.video{
position: absolute;
left: 50%;
margin-left: -350px;
top: 950px;
z-index:2;
width: 715px;
height: 365px;
overflow: auto;
}
.links {
display:block;
position:absolute;
top: 630px;
left:50%;
overflow:hidden;
margin-left: -40px;
}
.links a.nav {
color:white;
font-family:tahoma;
display:block;
text-align:center;
text-decoration:none;
}
.links a.nav:hover {
color:ec067c;
background-color:282828;
}
u {color:da0573;}
i {font-size:9px;color:da0573;}
b {font-size:9px;color:ffffff;}
a img { border:1; }
body { background-color:dcdbd6;background-image:url(http://cbimg6.com/layouts/09/07/35169aa.png); background-repeat:repeat-x; background-position:top left; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="tt">Age: 18<br />
Gender: Male<br />
Location: N.Y.C<br />
Status: Single
</div>

<div class="two"><center><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam rhoncus ligula vitae sapien dignissim eget vestibulum est tincidunt. Aenean ac risus lorem, in volutpat odio.</b><u> Duis arcu enim, pharetra vel placerat eget, aliquet at purus. Cras bibendum luctus neque, vel semper mi eleifend in. Quisque congue, felis ut porta laoreet, risus dolor commodo ipsum, sed mattis diam lorem eu risus.</u> Praesent sed ante ac tortor adipiscing dapibus. Mauris laoreet elit ut dui laoreet scelerisque. Maecenas eleifend arcu ac turpis consequat rhoncus.</center></div>

<div class="links">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="nav">ADD ME</a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="nav">COMMENT ME</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="nav">MESSAGE ME</a>
<a href="http://CRUSHA.CREATEBLOG.COM" class="nav">CREDIT</a>
</div

Layout Comments

Showing latest 10 of 16 comments

yo mah man wats goin on with this lay out???? html codes r screwed

By harlemchick on Dec 17, 2009 4:00 pm

this is nice i changed the video but how do i put my pic in???

By harlemchick on Dec 15, 2009 1:41 pm

how come my picture wont show?

By msjackson on Aug 26, 2009 12:04 am

real kool but does anybody noe how 2 change the vid to another??

By msjackson on Aug 21, 2009 11:16 pm

I'd have to agree with the title of pinksy being on, and the title of video. otherwise i think this is pretty awesome. :) i love the design.

By shadowkissed on Aug 11, 2009 11:05 am

my next layout! ty! Sweet!

By suziestarr on Jul 22, 2009 10:56 am

Ehhh. Needs work but it's nice.

By WizardMadds on Jul 20, 2009 9:58 am

Oh my gosh absolutely amazing. Very unique and incredibly constructed. Superb job!

By Karisa85 on Jul 16, 2009 8:50 pm

for some reason my video is 2 small and on the side so it aint working for me if u now how to do it can u help me

By mayela15 on Jul 16, 2009 3:49 pm

Ehh, I dislike the "Pinksy" title and the rollovers aren't that great. I don't think the nav is really in a good position. This also looks like the Ancient Whisper layout here. Otherwise, good job. :|

By Mikeplyts on Jul 15, 2009 2:05 pm

View all »

Layout Details

Designer	TeamGX
Submitted on	Jul 14, 2009
Page views	16,460
Favorites	91
Comments	16
Reviewer	manny-the-dino
Approved on	Jul 14, 2009

Pinksy

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates