Be Outstanding (Myspace Overlay)

Designer's Comments

Look carefully for specific instructions

'Be Outstanding' Ft. a MAC model.
change the CSS columns up if you'd like.
and the text/link/etc. colors.
add links if you'd like.

DO NOT;
change/remove banner
change/remove background
steal code.
claim this as your own creation.

SIGN IN > EDIT PROFILE > CUT & PASTE CODES INTO SECTIONS >
DON'T SAVE YET, REPLACE XXXXXXX's WITH FRIEND ID, THESE
XXXXX's IN LINKS CAN BE FOUND AT BOTTOM OF WHO I'D LIKE TO
MEET CODE > EDIT ALL THE CONTENT/HEADERS > SAVE.

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

div div, div td {background-color:transparent; background-image:;}
div.profileWidth {margin-top: -XXpx !important;}
div.profileWidth div.clearfix {position:relative; top:YYpx}
.mslogo{display:none!important;}
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;}

</style>

table table table {border: 0px solid; border-color: d6c8bd;  padding:0; background-color:; background-image: url("")}
table tbody td table tbody tr td.text table{background-color:; background-image: url("")}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}
textarea, input {font-family:arial; font-size: 10px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}
.btext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext10 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;} 
.blacktext12 {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: uppercase; padding: 0px; line-height: 10px;}

.lightbluetext8 {font-family:arial; font-size: 11px; color: 000000; font-weight: bold; text-decoration: bold; letter-spacing: 0px; text-transform: lowercase; padding: 0px; line-height: 10px;}

.nametext {font-family:arial; font-size: 2px; color: 000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-transform: ; padding: 0px; line-height: 10px;}

.orangetext15 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.redbtext, .redtext {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

.text {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}

.whitetext12 {font-family:arial; font-size: 11px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 0px; text-transform: ; padding: 0px; line-height: 10px;}

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:georgia; font-size: 16px; color: ffffff; font-weight: normal; text-decoration: italic; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:58b07e ; border: 0px solid ..FFFFFF;}

a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:georgia; font-size: 16px; color: ffffff; font-weight: none; text-decoration: none; letter-spacing: 0px; text-transform:UPPERCASE; padding: 0px; line-height: 10px; background-color:976c4a; transparent; border: 0px solid ..FFFFFF;}

b, stong 
{font-family:arial; font-size: 11px; color: 976c4a; font-weight: bold; text-decoration: none; letter-spacing: 0px; text-transform:; padding: 0px; line-height: 10px;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:none; border:0px solid black;}
body {cursor: hand;}
a:hover {cursor: hand;}
TD TD {text-align: justify;}
TD TD TD {text-align: justify;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:center;}
TD TD TD TD TD {border-top: 0px solid black; text-align:center;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: ; width:350px;}
TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: ;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: lowercase;}
table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table {border: 0px; text-align: justify; padding: 0px;} 
table table table table table table {border: 0px; text-align: justify; padding: 0px;}
</style>
<style> div td{ visibility: hidden; } div table { visibility: visible; } div table td { visibility: hidden; } div table table td { visibility: visible; } div table table { visibility: visible; } div table table div { visibility: visible; } table td div div { visibility: visible; } div table { visibility: visible; } { visibility: hidden; } 
</style>
<style style="text/css">

.createblogcode{hide all the tables}
    .profileInfo, .extendedNetwork,
    .latestBlogEntry, .interestsAndDetails,
    .userProfileURL, .friendsComments,
    .userProfileNetworking, .userProfileSchool,
    .userProfileDetail, .friendSpace,
    .contactTable, .userProfileCompany, .orangetext15{display: none;}

.createblogcode{make the tables transparent so you can see good}
    table, tr, td{background-color: transparent}

.createblogcode{put the music player in the top-left corner}
    embed{position: absolute; top: 640px; left: 50%; margin-left: -150px;
    width: 300px;}

.createblogcode{make any other embeds stay where you put them}
    td td td td embed,
    td td td td object{position: static}

.createblogcode{background settings}
    body{
    background-color: 33576a;
    background-image: url('');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: top left;
    }

.createblogcode{bring back the bottom links}
    .moveLinks{height:400px;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

body {background-color:;background-image:url('http://img526.imageshack.us/img526/4613/diffbghs7.png'); color: 753741; font-family: tahoma; font-size: 10}

#content {position: absolute; overflow: hidden; top: 585px; left: 103px; width: 396px}

</style>

<div id="content">
<div align=justify>
<h1><b><big><big><big><big>about this layout</big></big></big></big></b></h1>
this layout was made in <b>paint shop pro 9</b> it took me forever to figure<br>
out the coding so please <i>don't remove</i> the credit. xx thank you.
<br>
keep my credit last in the links!
<Br></br>
my <I>3rd</i> time trying a little CSS
<br><I>not as hard as i thought it would be</i>.
<br></br>
don't forget to change the headers!
<br>
maximum width is 396!
<br>this box will just keep getting longer with what you add into it no scroll bar will show up. ; )
<Br></br>
<Br></br>
<br></br>

<h1><b><big><big><big><big>whatever here</big></big></big></big></b></h1>
<b>bold</b> <u>underline</u> <i>italic</i> <a href=www.createblog.com>links</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. <b>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 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.</b> 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 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 words words.

</div></div>

<div class="content" style="position:absolute; align=justify; left:113px;  top:504px; width:445px; height:76px;background-color:; overflow: auto;"><div align=justify>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"> home</a> <a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455"> comment</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX"> add me</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX&MyToken=fe0d238a-e038-4112-a764-704d31ea0455">message me</a>
<br></br>
<br>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX"> block me</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"> my pictures</a> <a href="http://emmijane.createblog.com/"> LAYOUT CREDIT</a>
</div></div></div></div>

Layout Comments

Showing latest 6 of 6 comments

When i change the writing, it comes up at the top right hand side of the page, how do i make it like on the live preview?

Amazing by the way!
xxxx

By LucyAndBangles on Oct 20, 2008 5:46 pm

This is amazing!! !! !!
And I love the quote=)

By dilligrout on Sep 26, 2008 11:04 pm

how do you delete the footer?

By idkyurbffnikki on Sep 21, 2008 10:18 pm

nice!

By Mustard-Dolly on Sep 17, 2008 2:04 am

its all [Marie Antoinette!]

By dmt61385 on Sep 13, 2008 9:59 pm

cute.

By neinernever on Sep 13, 2008 2:23 pm

Layout Details

Designer	emmijane
Submitted on	Sep 13, 2008
Page views	7,825
Favorites	31
Comments	6
Reviewer	schizo
Approved on	Sep 13, 2008

Be Outstanding (Myspace Overlay)

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