Big city dreams

Designer's Comments

Look carefully for specific instructions

Well guys, this is my second DIV layout. And if I do say so myself it turned out pretty darn good...here's some instructions!

In the "about me" code, you don't need to do anything to it! All it is, is codes to make all of the word, links, and headings look correctly. And to put the boxes in the correct spot!

In the "I'd like to meet" code, YOU DO NEED TO CHANGE THINGS!! like at the very end, their are links. You need to change XXXXXXXXXXX to your FRIEND ID! Don't know what a friend id is? OR where to find it? Go to your myspace and in the URL, you will find this.

Copy that outlined number, your's will be different, and paste it where the X's are!

ENJOY!

THANKS ENVISIONARTIST FOR THE CODE TO GET STARTED!

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>
div div table div {display:none;} 
.clearfix table div div {display:block;} 
.profile, div ul {display:none !important;}
.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none; height:0px;!important; 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;!important; border:0px;!important;}
a.text, table div font a ,table div div, .navbar font, tr td font {visibility:hidden; display:none; height:0px;!important;}
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;}
.a {hide top search bar}
div div select, div div form {display:none !important;}
div div div select {position:absolute !important;  margin-left:-1000px !important; left:0px !important; display:none !important; }
.navigationbar td {font-size:0px; font-color:transparent !important; height:1px;}
a.navbar {display:none;}
div table table td font {
visibility:hidden;}
div table table table td font {visibility:visible;}
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;}
</style>

.lay {
position:absolute; 
padding:0px; border:0px;
overflow:visible;
background-color:transparent;
top:156px; 
left:210px;
}

.content {
position:absolute;
padding:0px; border:0px;
overflow:auto;
overflow-x:hidden;
background-color:transparent;
font-family:tahoma;
color:black;
font-weight:normal;
font-size:9px;
line-height:8px;
width:190px; height:140px;
top:245px; left:330px;
scrollbar-face-color:transparent;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:transparent;
scrollbar-shadow-color:transparent;
scrollbar-highlight-color:transparent;
scrollbar-3dlight-color:transparent;
scrollbar-darkshadow-Color:transparent;
filter:chroma(color=647A19);
}

.exit {
position:absolute;
padding:0px; border:0px;
background-color:transparent;
overflow:visible;
top:255px; left:535px;
}

.exit a, .exit a:link, .exit a:visited, .exit a:active {
display:block;
text-decoration:none; 
font-family:arial;
font-size:8px;
font-weight:normal;
text-transform:capitalize;
width:150px;
color:black;
}

.exit a:hover {
color:00d2ff;
background-color:fffc00;
letter-spacing:2px;
}

h1 {
display:block;
font-size:8px;
font-weight:normal;
text-transform:uppercase;
background-color:fffc00;
font-family:small fonts;
letter-spacing:5px;
color:00d2ff;
text-align:right;
}

img {border:1px;}
i {font-family:georgia; font-size:9px; line-height:8px; color:FFFFFF;}
b {font-family:verdana; font-size:9px; font-weight:normal; line-height:8px; color:555555;}
u {font-family:arial; font-size:9px; line-height:8px;}

a:link, a:visited, a:active {
font-family:arial; 
font-size:9px;
text-decoration:none; 
color:FFFFFF;
}

a:hover {
font-family:arial; 
font-size:9px;
text-decoration:none; 
color:555555;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>About yourself</h1>
<u>underlined</u>, <b>bold</b>, <i>italic</i>, <a href="myspace.com">link</a>. <br /><br />WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS!

<h1>interests</h1>
WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS! WORDS!

<h1>details</h1>
<b>Name:</b> Blah. <br />
<b>Stats:</b> sex/age/location <br />
<b>Orientation:</b> Blah. <br />
<b>Zodiac:</b> Blah.<br />
<b>Religion:</b> Blah.<br />
<b>Occupation:</b> Blah.

</div>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=abc4dc70-ee8c-4511-86a0-256f294b1e03">COMMENT!</a>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=abc4dc70-ee8c-4511-86a0-256f294b1e03">MESSAGE!</a>

<A href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">BLOCK!</a>

<A href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">PICTURES!</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=391718847&MyToken=7d0ac418-9241-4000-9e5d-31179ebfb776">LAYOUT CREDT!!</a>

</div>

Layout Comments

Showing latest 10 of 10 comments

This is gorgeous- the yellow against the blue...I'm really feeling this one but it's funny how big it looks in the screenshot but then when we enlarge it's just a corner pocket o.O

By Butterface89 on Sep 22, 2010 3:11 pm