Ft island (five treasure island)

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

replace XXXXXXXX with friend ID!!

Video size: 290 x 440 (h x w)

=D Edit your content in the i'd like to meet section

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>
    table, tr, td {background:transparent;}
    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;}
    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 { background-color: 000000; 
background-image: url(""); 
background-position: bottom right; 
background-repeat: repeat; 
background-attachment: fixed;

scrollbar-arrow-color:######; 
scrollbar-track-color: ######; 
scrollbar-shadow-color: ######; 
scrollbar-face-color:######; 
scrollbar-highlight-color:######; 
scrollbar-darkshadow-color:######; 
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;} table table {border: 0px;} table table table table{border: 0px;} {The actual modules} table table table {border: 1px solid; border-color: ######; background-color: ######; } {sets the default style for the body, table data, list data, divisions and text areas} body,table, td, li, p, div, textarea {font:normal 12px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;} {class for the basic font for the page} .text {font:normal 12px arial; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;} {style for the number of comments you have. The actual ..} .redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {style for the number of friends you have.} .redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style} .orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;} {”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style} .lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } {”Contacting”, “Interests”, “Details”, and “Schools” title styling} .whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”In your extended network” style} .blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; } {Stylizing of your name above your picture } .nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;} {date stamp on comments} .blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {This is how all anchor points will be displayed; anchor points appear before all links.} a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a:link{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:active{font-family:arial; font-size:9px; color:FFFFFF; font-weight:none;border:0px; text-transform: uppercase;} a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {”View all friends” and “invite more” link style} a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; } a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {2 links in very top on the left, and the 13 links above your picture with make the navigation bar} a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;} {Sitting Still} a.navigation:link,a.navigation:active,a.navigation:visited{width:330px; padding:4px; color:white; font-size:5pt; display:block; margin-top:1px; border-right:5px solid; border-right-color:white; border-left:5px solid; border-left-color:white; border-bottom:0px solid; border-bottom-color:white;border-top:0px solid; border-top-color:white; text-indent:2px; text-align:left; font-weight:normal; letter-spacing:0px; font-family:small fonts; text-decoration:none; text-transform:uppercase; background-color:black;} {When You Hover} a.navigation:hover{background-repeat:repeat; width:330px; padding:4px; color:000000; font-size:5pt; display:block; margin-top:1px; cursor:default; border-right:5px solid; border-right-color:black; border-left:5px solid; border-left-color:black; border-bottom:0px solid; border-bottom-color:white;border-top:0px solid; border-top-color:white; text-indent:2px; text-align:left; font-weight:normal; letter-spacing:0px; font-family:small fonts; text-decoration:none; text-transform:uppercase; background-color:white;} {Default Links} a:link, a:active, a:visited{display:block; background-color:000000; font-family:verdana; font-size:8px; font-weight: normal; color:FFFFFF; letter-spacing: 2px; text-decoration: none; text-transform: uppercase; line-height:23px; text-align:left; border-left:6px solid; border-left-color:FFFFFF;margin:3px;} a:hover {color:000000; background-color:transparent; letter-spacing:1px; text-decoration:none; text-align:right; border:none;border-left:5px solid; border-left-color:aeaeae;margin:3px;}

{bolded words} .standard b, p b, B, strong { font-family:arial; font-size:11px; color:######; font-weight:none;border:0px; text-transform: uppercase; } </style>
<style>
<p>form {display:none;}
table div form {display:inline;}
table, tr, td {visibility:hidden; border:0px; background-color:transparent;}
div td, .blurbs, td.text div {visibility:visible;}
.interestsAndDetails, .userProfileDetails, .extendedNetwork, .friendSpace, .friendsComments {display:none;}
embed, object {visibility:visible;}
table div {display:none;}
div table div,table table div {display:block;}
</p>
<style>
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>
<style>.MyspaceGens Hide New Navigation Bar { http://www.myspacegens.com/handler.php?page=tutorials&16=S } div.profileWidth table tr td div ul li a, div.profileWidth table tr td div ul li .rail { position: relative; left: -10000px; } div.profileWidth { margin-top: -30px !important; } div.profileWidth div { filter:alpha(opacity=0); opacity:0.0001 } div.profileWidth div.clearfix, div.profileWidth div div { filter: none; opacity: 0.9999; } div.profileWidth div.clearfix { position: relative; top: 40px; }</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message </a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">comment</a>

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

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a>

<a href="http://www.myspace.com/sujuftislanddbsk">credit</a>

</div>

</div>

As long as I'm with you <br /> I can't go wrong <br /> Oh baby what you do to me? <br /> You're the one <br /> <br /> I've been trying to see you <br /> For such a long long time <br /> Maybe I'm just sad to face that I <br /> but I won't lie <br /> When it comes to loving you <br /> All the things that I would do <br /><br /> Been waiting for this day for far too long <br /> I never could imagine it so strong <br /> As long as I'm with you, I can't go wrong <br /> Oh baby what you do to me? <br /> You're the one <br /><br /> How I try to reach you <br /> Oh In everyway I can <br /> But it's hard to find a way to show <br /> that I'm your man <br /><br /> When it comes to loving you <br /> All the things that I would do..<br /> Been waiting for this day for far too long<br /> I never could imagine it so strong <br /> As long as I'm with you, I can't go wrong <br /> Oh baby what you do to me? <br /> You're the one <br /> <br /> When it comes to loving you <br /> All the things that I would do.. <br /> Oh yeah <br /> <br /> Oh baby what you do to me <br /> You're the One </center>

</div>

<div class="content" style="position: absolute; left:640px; top:980px; width:280px; height: 240px; overflow: auto;"> 
<b> bold </b>; <i> italic </i>; <u> underlined </u>
<br /><br />
Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever <br /><br /> If you don't like this DIV here, just delete it. Or you could delete it, and then stretch the other DIV that has the lyrics in it to width: 590 =D<br /> <br /> Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever Watever

</div>