Fashion Grunge

Designer's Comments

Look carefully for specific instructions

[EDIT!!!] Okay, so there was a lot of complaints about half the profile showing up. It was because I didn't add the hide details section. So, with A LOT OF THANK YOU TO ELLETRICITY, here is the newly updated code with a black navbar because you couldn't see the navbar text (the bg color was transparent so it was white, with white font). I hope this fixes everything, and I'm sorry everyone. :)

Another request, except this one was for an aspiring fashion designer. His version is a little different and customized.

TO INSTALL
[1] Push ctrl + F and find -all- XXXXXX and replace with your friend id.
[2] Push ctrl + F and find -all- YOURFRIENDURLHERE and replace with your friends' Myspace addresses.
[3] Edit YourPic.png and FriendPic.png to yours and your friend's pictures.
[4] You're done! Enjoy your work and the layout!

Please do not remove credit!!

.peace.

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

<style>

body { 
  background-color:ffffff;
  background-image: url(none);
  background-position:top left; 
  background-repeat: repeat-x;
  background-attachment: scroll; 
  overflow-x:hidden
 scrollbar-arrow-color: 272727;
  scrollbar-track-color: 444444;
  scrollbar-face-color: 272727;
  scrollbar-highlight-color: 272727;
  scrollbar-3dlight-color: 272727;
  scrollbar-darkshadow-color: 272727;
  scrollbar-shadow-color: 272727;
}

{text}
table, tr, td, li, p, div {  color:ffffff; font-family: Small Fonts, Arial; font-size:9px;     }

.redtext {  color:000000; font-size:12px;      }

a:active, a:visited, a:link{  color:a90000; font-family:Arial; font-size:9px; text-transform: uppercase;  }

a:hover {  color:ffffff; font-size:10px;    } 
 
b {color:ba4dcd; font-family:Candara; font-weight:bold; font-size:10px; }
 
u{font-family:Arial;font-size:9px;color:3C3C3C;
font-weight:bold;text-decoration:underline;
letter-spacing:0px;
text-transform:uppercase;
border-bottom:2px dashed;
border-bottom-color:3C3C3C;
letter-spacing:0px;}

s {color:ffffff; font-family:Candara; font-weight:strike; font-size:10px; }

i {color:ffffff; font-family:Candara; font-weight:italic; font-size:10px; }
 
 .blacktext10 {
font-family: Arial;
font-size: 9px;
font-weight: bold;
color: 3C3C3C;
text-transform: uppercase;
letter-spacing: 0pt;
border-top-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-color: 3C3C3C;
border-bottom-style: solid;
width: 250px;
line-height: 12px;
font-weight: bold !important;
display: block;
text-align: right;
margin: 0 0 -10px 0;
}

{divs}

.bg1
{background-color: transparent;
background-image: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/FashionBG.png);
background-attachment: scroll;
background-position:top left; 
background-repeat:no-repeat;
position:absolute;
top:163px;
left:250px;
scroll:hidden;
display:block;
width:1024px;
height:768px;
z-index:1;}

.header
{
background-color: transparent;
background-attachment: scroll;
position:absolute;
top:220px;
left:616px;
display:block;
padding:0px;
width:658px;
height:120px;
z-index:2;
overflow:hidden;
text-align:justify;
}

.comment{
height:70px; 
width:315px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/CommentButtonFshn.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.comment:hover{background-position:bottom left;}

.commentcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:915px;
top:412px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.creds
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:854px;
left:400px;
display:block;
padding:0px;
width:215px;
height:23px;
z-index:2;
overflow:hidden;
text-align:justify;}

.pix{
height:283px; 
width:37px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/PhotosF2.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.pix:hover{background-position:bottom left;}

.pixcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:1124px;
top:514px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.blog{
height:87px; 
width:266px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/BlogF2.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blog:hover{background-position:bottom left;}

.blogcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:1002px;
top:823px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.home{
height:7px; 
width:31px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_03.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.homecon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:694px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.msg{
height:7px; 
width:46px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_04.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.msgcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:725px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.add{
height:7px; 
width:23px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_05.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.addcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:771px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.block{
height:7px; 
width:29px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_06.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.blockcon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:794px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.friends{
height:7px; 
width:37px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_07.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.friendscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:823px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.comments{
height:7px; 
width:52px; 
background-COLOR:transparent; 
background: url(http://img.photobucket.com/albums/v660/oranger0cks/MySpace/Fashion_08.png);
background-position:top left;
background-repeat: no-repeat; 
display: block;}

.commentscon {
background-color:transparent;
background-image:none;
border:none;
width:auto;
height: auto;
overflow-x:hidden;
position:absolute; 
left:860px;
top:439px;
margin-left:0%;
margin-top:0%;
visibility:visible;
z-index:6;}

.everything
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:525px;
left:350px;
display:block;
padding:0px;
width:496px;
height:300px;
z-index:2;
overflow:auto;
text-align:justify;}

.profileInfo, .extendedNetwork, .latestBlogEntry, .interestsAndDetails, .userProfileURL, .friendsComments,

.userProfileNetworking, .userProfileSchool, .userProfileDetail, .userProfileCompany, .friendSpace, .contactTable, .orangetext15 {

display:none; }

body table {margin-top803d00:-5000px;}
body td table, body div table {margin-top: 0;}
body div div table td {background-color:000000;}
body div table form{display:none;}
.navbar, div table td font {visibility:hidden !important;}

table div { display:none; }
div table div, table table div { display:block; }

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Your Title Here

</font>
</div>

<img src="http://cbimg6.com/layouts/09/04/34516ak.png" align="left" border="0">
<p><a href="#">Link</a> <b>Bold</b> <i>Italic</i> <u>Underline</u> <s>Strike</s>
<p>[Name:] Your Name
<p>[Location:] Your Loc
<p>[Age:] Your age
<p><br>About me here, and whatever else.. etc. etc. etc. This part expands and makes a scrollbar, so put how ever much

content you want. Make sure you edit the XXXXXX's to your own FriendID.  
<p>The 'Your Pic" dimensions are 164x380, but of course you're not limited to using these sizes.. Just fyi.
<p>Other than that.. Have fun! Any questions, you can email me: oranger0cks at hotmail dot com. Thanks for using!
<br><br>

</div> 
</div>

<div class="commentcon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXX" alt="comment

me" class="comment" target="_blank"></a>
</div>

<div class="pixcon">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXX" alt="my photos"

class="pix" target="_blank"></a>
</div>

<div class="blogcon">
<a href="http://blogs.myspace.com/index.cfm?fuseaction=blog.ErrorInfo&friendID=XXXXXX" alt="my blog" class="blog"

target="_blank"></a>
</div>

<div class="creds">
<a href="http://www.myspace.com/ec_lectic"><img

src="http://cbimg6.com/layouts/09/04/34516al.png" border="0"></a>
</div>

<div class="msgcon">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXX" alt="message me" class="msg"

target="_blank"></a>
</div>

<div class="addcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" alt="add me" class="add"

target="_blank"></a>
</div>

<div class="blockcon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" alt="block me" class="block"

target="_blank"></a>
</div>

<div class="friendscon">
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX" alt="my friends" class="friends"

target="_blank"></a>
</div>

<div class="commentscon">
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXX" alt="my comments"

class="comments" target="_blank"></a>
</div>

Layout Comments

Showing latest 10 of 21 comments

hey am wondering if you know how to make layouts for 2.0 myspace?

By mellymurderer on Jan 6, 2010 11:02 am

hey hey i luv faved .

By harlemchick on Dec 20, 2009 1:30 pm

I used this once. A year or so ago I think? Before I started making my own. I didn't have an account then.
But I still really like it. Nice job.

By JesseBlitzkrieg on Dec 12, 2009 7:38 am

hey can you help ME :DDDDD

By mellymurderer on Dec 6, 2009 8:03 pm

I love this layout, but how can I center it ? Thanks ! =)

By ariana9021 on Nov 1, 2009 3:44 pm

**love** the layout! could you tell me how to change the pic of the gurl so i can put in one of my own??? **please&thanks**

By alynranbobo on Sep 27, 2009 10:10 am

help. its not showing up

By savvyy on Jul 24, 2009 12:11 pm

This is the bizness!! Yea, its offcenter- but this is presently my layout because i sacrificed the "off-centerdness" for the beauty & uniqueness! now with that said...lol. I was wondering if I can substitute the runway pic for a youtube or flash fetish video. I thought that'd be cool, but I can't find the code for the pic- can you help? Thanks so much!

By lanice074eva on Jul 15, 2009 12:20 am

how do i change the girls picture to my own?? and p.s. i LOVE you site! haha :]

By vaneezy13 on Jul 3, 2009 1:51 am

is there a way i can make a regular profile like that with the comment photos and blog button like this

By jeremiahruth on May 18, 2009 5:25 am

View all »

Layout Details

Designer	oranger0cks
Submitted on	Apr 30, 2009
Page views	69,399
Favorites	280
Comments	21
Reviewer	schizo
Approved on	Apr 30, 2009

Fashion Grunge

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