Simple Grunge

Designer's Comments

Look carefully for specific instructions

Replace XXXXXXXXX with your friend ID.
Edit only what is in the "Who I'd Like To Meet" section.
Comment box credit to: Insurmountable.
Works in all screen resolutions.
Enjoy!

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">
body table {margin-top:-50000px;}
body td table, body div table {margin-top: 0;}
table, tr, td {background-color:transparent;}
body div table form{display:none;}
body table div form{display:block;}
div table td font {visibility:hidden; }
a.navbar:active, a.navbar:visited, a.navbar:link { display:none; }
a.navbar:hover { display:none; }
.navbar {visibility:hidden; display:none;}
.userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;}
a.text, table div font a, table div div {visibility:hidden;}

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 embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;}
td.text embed {width:260px; height:38px;}
td.text embed, td.text object {width:260px; height:38px;}

select { visibility:hidden!important; WIDTH:0px!important;}

table tr td div font {display: none;}
body div table td form {display:none!important;}
table, td, tr{ background-color:transparent;}

body {
background-color:FFFFFF;
background-image:url(); 
background-position:Center Center; 
background-attachment:fixed; 
background-repeat:no-repeat;
cursor:default;
font-weight:normal;
scrollbar-face-color:;
scrollbar-track-color:;
scrollbar-arrow-color:;
scrollbar-highlight-color:;
scrollbar-3dlight-color:;
scrollbar-shadow-color:;
scrollbar-darkshadow-color:;
}

a:link, a:visited, a:active {font-family:century gothic; font-size:13px; font-weight:normal; color:FFFFFF; text-decoration:underline; text-transform:none;}

a:hover {font-family:century gothic; font-size:13px; font-weight:normal; color:555555; text-decoration:underline; text-transform:none;}

a.navigate:link,a.navigate:active,a.navigate:visited {font:normal 10px century gothic; letter-spacing:0px; display:block; margin-bottom:1px; line-height:18px; color:000000; text-align:center; valign:center; background-color:ffffff; text-decoration:none !important;}

a.navigate:hover {font:normal 10px century gothic; letter-spacing:0px; display:block; margin-bottom:1px; line-height:18px; color:ffffff; text-align:center; valign:center; background-color:222222; text-decoration:none !important;}

.thenickman {
position:absolute;
overflow:auto;
top:00px;
right:0px;
background-color:transparent;
border:0px;
}

div.image 
{position:absolute;
margin-left:-267.5;
left:50%;
top:90px;
width:535px;
height:526px;}

div.navigation 
{position:absolute;
margin-left:-127;
left:50%;
top:220px;
width:115px;
background-color:transparent;}

div.aboutme 
{position:absolute;
margin-left:5px;
left:50%;
top:333px;
width:120px;
height:175px;}

.aboutme {
position:absolute;
overflow:auto;
background-color:transparent;
font-family:century gothic;
font-size:11px;
color:ffffff;
align:center;
font-weight:normal;
margin:0;
padding:0;
}

div.comment 
{position:absolute;
margin-left:-150;
left:50%;
top:353px;
background-color:transparent;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="comment">
<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: 87; height: 60px;" 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;">Comment</textarea> 
<br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:87px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"></form>
</div>

<div class="navigation">
<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigate">Home</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892" class="navigate">Add</a>
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navigate">Blog</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=91820261-74f9-4454-a9e4-0a9333b08892" class="navigate">Message</a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigate">Pictures</a>
</div>

<div class="aboutme">
Write about yourself here! It will scroll with the more things you put in it!
</div>

Layout Comments

Showing latest 10 of 10 comments

where do you write your about me?

By xxyummyluckycharms on Jan 31, 2008 5:46 pm

ohh this is awesome ^^

By brutt on Jan 20, 2008 11:42 am

it's simple and gorgeous.

i love it.

By xonlyliarsx on Jan 8, 2008 9:10 pm

i think this would be better if you had it darker

By heyo-captain-jack on Jan 6, 2008 3:12 am

Omg I love it! :]

By Samii-Jane on Jan 5, 2008 9:38 am

Good Job! It would look better with grunge navigation, but I like that hex navigation.

By CreativeArticulate on Jan 4, 2008 2:27 pm

it's wayy to small XD

By IVIike on Jan 3, 2008 6:54 pm

It's fine as it is, but grungy rollovers would add more flair to the layout. :]

By tokyo-rose on Jan 3, 2008 6:17 pm

i really like this great job!! :D

By none345678 on Jan 3, 2008 6:06 pm

this is nice. it seems a bit too plain though. it'd be better if about me was wider. simple but nice. good job.

By twodreamlovers on Jan 3, 2008 5:56 pm

Layout Details

Designer	NICKAWHAT
Submitted on	Jan 3, 2008
Page views	40,738
Favorites	209
Comments	10
Reviewer	S-Majere
Approved on	Jan 3, 2008

Simple Grunge

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates