Wanna Get Dirty

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Remember to replace the XXXXXXXX with your friend ID.

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 table table table td.text, table.contactTable {display:none;}
    td.text table, .orangetext15 {visibility:hidden;}
    td.text table table {display:inline; visibility:visible;}
    td.text td.text table {display:none;}
    div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>
<style type="text/css">.comments {visibility:hidden;display:none;}</style><br />
<style type="text/css">
embed, object {display:block; width:180px; height:38px;..; left:0;top:0;} 
</style>
<style type=text/css>
 body {
background-color: 754c24;
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:fff;
scrollbar-track-color: 00a650;
scrollbar-shadow-color: 00a650;
scrollbar-face-color:754c24;
scrollbar-highlight-color:00a650;
scrollbar-darkshadow-color:00a650;
scrollbar-3dlight-color:00a650;}
table, tr, td {background-color: transparent; border: 0px; padding:2;}
 table table {border: 0px;}
table table table table{border: 0px;}
{The actual modules}
table table table {border: 0px solid; border-color: e36969; background-color: transparent }
{sets the default style for the body, table data, list data, divisions and text areas}
 body,table, td, li, p, div, textarea  
{font:normal 11px Arial; color:ffffff; font-weight:none; border:0px; text-transform: normal; line-height:12px;}
 {class for the basic font for the page}
.text {font:normal  11px  Arial; color:ffffff; font-weight:none; border:0px; text-transform: normal; line-height:12px;}  
 {style for the number of comments you have. The actual ..}
.redtext{font-family:Century Gothic; font-size: 12px ; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }
 {style for the number of friends you have.}  
.redbtext{font-family:Century Gothic; font-size: 12px ; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }
 {Blurbs, About Me, Who Id like to Meet, Friend Space, and Friends Comments style}
.orangetext15{font-family: Century Gothic; color: ffffff; font-weight: bold; font-size:  12px ; letter-spacing: -2px;}  
{General, Music, Movies, Television, Books, Heros, Status, Here for, Hometown, Body Type, Ethnicity, Religion, Sign, Smoke/Drink, Children, Education, Occupation, and Income title style}
.lightbluetext8{font-family:Century Gothic; font-size: 12px ;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }
{Contacting, Interests, Details, and Schools title styling}  
 .whitetext12{font-family:Century Gothic; font-size:12px;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
 {In your extended network style}
.blacktext12{font-family: Century Gothic; color: ffffff; font-weight: bold; font-size:  12px ; letter-spacing: -2px; }
{Stylizing of your name above your picture }  
.nametext{font-family: small fonts; color: ffffff; font-weight: bold; font-size:  7px ; letter-spacing: -3px; line-height: 35px;}  
{date stamp on comments}  
.blacktext10{font-family:small fonts; font-size: 7px ;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;}  
{Default Links}
a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: ffffff; font-weight: normal; text-decoration: none; letter-spacing:0px; text-transform: uppercase; padding: 0px; line-height: 10px; background-color: transparent; border: 0px solid ..FFFFFF;}
a:active, a:visited {color:ffffff;font-family:small fonts; font-size:7px; border-bottom:dashed 0px; letter-spacing:0px; text-transform:uppercase; text-..; font-weight: normal;} 
a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:small fonts; font-size: 7px; color: ffffff; border-bottom:dashed 0.5pt; border-bottom-color:ffffff; font-weight: none; text-..; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px; bold; background-color: ; }
 b {color:ffffff;}u {font-family: small fonts; font-size:7px; color:ffffff; letter-spacing: 0; font-style: border; border-bottom: solid 2pt; border-bottom-color:ffffff;text-transform:uppercase; }s {color:ffffff;text-decoration:strikeout;}i {color:ffffff;font-family:georgia; text-transform:lowercase; font-weight:none; font-size:11px;}hr {height:4;width:300;color:black;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content" style="position:absolute; left:101px;  top:464px; width:602px; height:234px; overflow: auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="39369362" type="hidden"><textarea name="f_comments" style="width: 80; height: 30px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">Tell Me You Love Me</textarea> 
<br> <input value=" <3" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="Erase" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form>
blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah

</div>
<br /><Br /><br />
</center>
</div></div>
<div class="comments"><table><tr><td><table><tr><td><br />

Layout Comments

Showing latest 8 of 8 comments

ha i like it!

By ronekia7 on May 16, 2008 11:25 pm

It works for me...I just tried it.

By Nikki09815 on May 10, 2008 11:20 pm

the backround pic doesnt work..too mad i really wanted to use this..

By daffyboo978 on May 10, 2008 4:36 pm

lol. this is... interesting. i like the concept.

By aaayotiffany on May 10, 2008 1:53 pm

Sorry. My computer used to be a larger screen size and I would make the layouts adapt to that, but createblog would always reject it because they said the scrollbar went over too far. So, I changed it back to 1024x768 and started making layouts in those dimensions.

By Nikki09815 on May 10, 2008 11:06 am

its an interesting concept. i think your colours could have been a bit more interesting.

By vintage-toile on May 10, 2008 10:14 am

Ya it only works in 1024x768 and it covers the ad.

By Maccabee on May 10, 2008 9:35 am

Its really cute, but on a larger screen size, he background does not match.

By seductionlayouts on May 10, 2008 7:49 am

Layout Details

Designer	Nikki09815
Submitted on	May 10, 2008
Page views	7,962
Favorites	56
Comments	8
Reviewer	micron
Approved on	May 10, 2008

Wanna Get Dirty

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates