Vintage Peace

Designer's Comments

Look carefully for specific instructions

This layout is NOT for people who haven't dealt with HTML!!!

Copy and paste entire code into your "about me" section. Scroll down to the area where you put your about me section and there should be some manual link codes for messages,comments,picture link, blogs, etc. Replace all "XXXXXX"s with your friend ID, and don't forget to do the same for the comment box.

Make sure there isn't any text in any other box aside from "about me" and when you actually put this layout on your page the random text in the preview will go away. I have no idea why when you preview it on here it looks a little messed up.

I made this layout for firefox users. It looks a little different in explorer.

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">
    table, tr, td {background:transparent;border-width:0px;}
    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;border-width:0px;}
    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>body{scrollbar-arrow-color:AA9C8B}</style>
<Style>body{scrollbar-track-color:CDC2B5}</style>
<Style>body{scrollbar-face-color:847964}</style>
<Style>body{scrollbar-3dlight-color:CDC2B5}</style>
<Style>body{scrollbar-highlight-color:625a4b}</style>
<Style>body{scrollbar-darkshadow-color:CDC2B5}</style>
<Style>body{scrollbar-shadow-color:625a4b}
td.text table {width:100%;}
.friendsComments td table, .friendsComments td.text table, .friendSpace table, .blurbs, .blurbs td.text {background-color:transparent; border:0px;}
tr, td {background:transparent;border:0px;}
table {background-color: transparent;}
body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}
</style>
<style>
table div {display:none;}
table table div, div table div {display:block;}
</style>

</style>

.orangeText15 {display:none;}
.nameText {display:none;}
.friendSpace {display:none;}
.friendsComments {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.bottomlinks {display:none;}
.ImgOnlineNow {display:none;}
.profileinfo {display:none;}
.lightbluetext8 {display:none;}
.whitetext12 {display:none; border:none!important;}

table tr td div div {
visibility:hidden;
display:none;
border:0px!important;
background-color:transparent;
}
 
.blacktext12, 
.btext,  
.orangetext15, 
.nametext, 
.redbtext, 
.redtext, 
a.redlink:link,
a.redlink:active, 
a.redlink:visited,  
a.searchlinksmall:link, 
a.searchlinksmall:active, 
a.searchlinksmall:visited, 
a.searchlinksmall:hover, 
a.font, 
table td div div font, 
div table tr td font 
{
display:none; visibility:hidden;
}

a.navbar, 
a.navbar:link,
a.navbar:active, 
a.navbar:visited{
display:none; visibility:hidden;
}
a.navbar:hover{
display:none; visibility:hidden;
}
a.redlink:hover{
display:none; visibility:hidden;
}

A:link, 
A:visited, 
A:active,
A:hover
{color:009900;}

body div table td form img{display:none!important;}

.everything
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:275px;
left:450px;
display:block;
width:250px;
height:275px;
z-index:2;
text-align:justify;
overflow:auto;}

.interests
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:378px;
left:715px;
display:block;
width:200px;
height:174px;
z-index:2;
text-align:justify;
overflow:auto;}

.comment
{background-color: transparent;
background-attachment: scroll;
position:absolute;
top:275px;
left:715px;
display:block;
width:189px;
height:100px;
z-index:2;
text-align:justify;
overflow:hidden;}

.text, td, font, li, font, table, body, div
{font-family:arial;
color:bc0940;
font-size:9px;
line-height:9px;
text-align:justify;}

.header1
{font-family:arial;
font-size:30px;
color:bc0940;
background-color:e44e87;
letter-spacing:-3px;
line-height:30px;
display:block;
width:100%5;}

.header2
{font-family:arial;
font-size:30px;
color:bc0940;
background-color:add73b;
letter-spacing:-3px;
line-height:30px;
display:block;
width:100%;}

.links
{font-family:broadway;
font-size:25px;
color:bc0940;
letter-spacing:0px;}

</style>

<div class="everything">
<center>
<a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> ♥ <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pics</a> ♥ <a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX&MyToken=f0707049-aeae-4629-88f3-3380ed7a52d4">friends</a> ♥ <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">comments</a> ♥ <a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs</a> ♥ <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=22ca6fba-bcdf-4bea-8ea3-8054427c4531">message</a> ♥ <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> ♥ <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a>

<br><br><br>
about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me
about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me</div>

<div class="interests">interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interestsinterests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests interests</div>

<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: 188px; height: 80px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 625a4b; font-family: arial; text-transform:lowercase; letter-spacing:0pt;font-size: 9px; color: bc0940; background-color: dce1b9;" style="overflow:auto;">fickle and failing at best ♥</textarea><br><input value="CMNT" style="width: 93px; height: 20px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 625a4b; font-family: arial; text-transform:lowercase; letter-spacing:0pt;font-size: 9px; color: ffffff; background-color: dce1b9;" type="submit"> <input value="NVRMIND" style="width: 92px; height: 20px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 625a4b; font-family: arial; text-transform:lowercase; letter-spacing:0pt;font-size: 9px; color: ffffff; background-color: dce1b9;" type="reset"></form>
</div><br><br><br>

.UserProfileSchool {display:none;}

.UserProfileNetwork {display:none;}

.UserProfileCompany {display:none;}

.interestsAndDetails {display:none;}

.UserProfileDetail {display:none;}

.friendSpace {display:none;}
.friendsComments {display:none;}
.contactTable {display: none;}
.extendedNetwork {display:none;}
.latestBlogEntry {display:none;}
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.aboutme {display:none;}
.whoidliketomeet {display:none;}
.calendar {display:none;}
</style>

Layout Comments

Showing latest 10 of 25 comments

IT'S LOVELY.

By Butterface89 on Sep 11, 2010 10:20 am

the background image is tiled :/

By darrahjay on Feb 14, 2009 7:25 am

ok you know what . . . I figured it out but now it wont play my music player . . . only on Mozilla Firefox it wont play my music but on internet explorer it does play my music . . . .

By MaryCae on Apr 5, 2008 11:00 am

HI - I REALLY like this profile
A LOT . . . BUT I am having a problem . . . I set it up right, put my user id in there and wrote about me stuff and all the links work EXCEPT for the COMMENT BOX! I put in my ID for the comment and when anyone clicks on post comment they get an error notice . . . is there anyway you can help me?
OR if possible, how can I remove the comment box and instead of a box can I use just a link for comments???
PLEASE HELP!!

By MaryCae on Apr 5, 2008 10:29 am

where do i get the friend i.d. from?

By beautifulnc on Mar 22, 2008 11:05 pm

bwahahaha never mind.i feel stupid now.
i was putting in what i thought was my friend id.lol.
by the way great layout:]

By kelleebean36 on Mar 20, 2008 1:08 am

whenever i try to look at my pictures,cmt,blog,msg,add,bloc k.yeah all that stuff.well it keeps showing up invalid friend id.how do i make that stop?

By kelleebean36 on Mar 20, 2008 12:58 am

I like this alot.
Like, ALOT.
wonderful.
:)

By foxx on Mar 16, 2008 5:56 pm

Wow, nice setup. I like the theme a lot. I think you should stylize the comment box's buttons so that the DIV below it doesn't overlap the bottom of them a little, but otherwise it's all fine.

By tokyo-rose on Feb 9, 2008 4:43 pm

I really love the fact that the background image is busy and they tables are simple.

it's a nice contrast.

By kyrieanamichaela on Feb 9, 2008 12:06 pm

View all »

Layout Details

Designer	vixenkitty
Submitted on	Feb 5, 2008
Page views	33,900
Favorites	289
Comments	25
Reviewer	Fawaz
Approved on	Feb 5, 2008