High School Musical 2

Designer's Comments

Look carefully for specific instructions

Replace the the XXXXXX with your myspace user ID
Replace the FRIEND url to make the friends area work.
Profile best viewed in FireFox on 1280 x 1024 screen resolution.

This is an advanced layout. Do not alter unless you know what you are doing.

Visit my website for over 60 FREE div overlays for myspace. Custom also available.
www.emarielayouts.com or email eMarie2470@gmail.com

*NOTE:This is an old layout made before the movie premiered on Disney Channel. The codes may be a bit old.
ALSO...
In the preview you may seen some things show through, they WILL NOT be there when placed on an actual myspace page. I've tested it myspace and the codes will CLEAR ALL DEFAULT text from the myspace page

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">
div, table, tr, td, tbody {background: transparent; border: 0;}
div table span form {display: none;} table table table span form {display: inline;}
.navigationBar, .profileInfo, .ImgOnlineNow, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry {display: none;}
.blurbs .orangetext15 {display: none;}
table div div, table div font {display: none;} table table div div {display: block;} table table div font {display: inline;}
div table div embed, div table div object, table table table div {position: static; margin-left: 0px; height: auto; width: auto;}
img, a img {border: 0;}

.layout{
        position: absolute; 
        left: 50%; 
        margin-left: -300px; _margin-left: -298px;
        top: 164px;  
        z-index: 0;
}

body{ 
        background-color: ffffff;
        background-image:url("http://cbimg9.com/layouts/08/08/30182aa.jpg");
        background-attachment: fixed;
        background-position:left;
        background-repeat: no-repeat;
}

.aboutme{
        position: absolute; 
        left: 0%; 
        margin-left: 410px; _margin-left: 408px;
        top: 244px; 
        z-index:5; 
        width:  393px; 
        height: 523px; 
        overflow: auto;
}

.contact{
        position: absolute; 
        left: 0%; 
        margin-left: 810px; _margin-left: 808px;
        top: 214px; 
        z-index:5; 
        width:  110px; 
        height: 209px; 
        overflow: none;
}

.friends{
        position: absolute; 
        left: 0%; 
        margin-left: 810px; _margin-left: 808px;
        top: 454px; 
        z-index:5; 
        width:  110px; 
        height: 340px; 
        overflow: none;
}

.commentbox{
        position: absolute; 
        left: 0%; 
        margin-left: 942px; _margin-left: 940px;
        top: 229px; 
        z-index:5; 
        width:  270px; 
        height: 108px; 
        overflow: none;
}

body,table, td, li, p, div{
        font:normal 10px Verdana; 
        color:000000; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}

textarea{
        background-color: transparent; 
        width: 150px; 
        height: 50px; 
        color: ffffff; 
        font:7px; 
        text-transform:none; 
        border: solid 1px 000;
}

a.navigate1:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate1:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182ac.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a.navigate2:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate2:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182ad.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a.navigate3:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate3:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182ae.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a.navigate4:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate4:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182af.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a.navigate5:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate5:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182ag.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a.navigate6:link, a.navigate:active, a.navigate:visited { color: 000000; font-size: 9px; display: block; cursor: pointer; line-height: 
               32px; text-align: center; font-weight: normal; letter-spacing: 
               0px; font-family: verdana; text-decoration: none; 
               text-transform: none; background-image: url('http://cbimg9.com/layouts/08/08/30182ab.gif'); 
               background-color: left; background-repeat: repeat-x; 
               background-attachment: scroll; border: 0px solid 000000; 
               margin-top: 1px; padding: 0px; background-position: top }
a.navigate6:hover { color: 000000; font-size: 9px; display: block; cursor: pointer; text-indent: 
               0px; line-height: 32px; text-align: center; font-weight: normal; 
               letter-spacing: 0px; font-family: verdana; text-decoration: 
               none; text-transform: none; background-image: 
               url('http://cbimg9.com/layouts/08/08/30182ah.gif'); background-color: left; background-repeat: 
               repeat-x; background-attachment: scroll; 
               border: 0px solid 000000; margin-top: 1px; padding: 0px; 
               background-position: top }
a{
        font:normal 9px Verdana; 
        color:000000; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 9px Verdana; 
        color:000000; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:active{
        font:normal 9px Verdana; 
        color:000000; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:visited{
        font:normal 9px Verdana; 
        color:000000; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:hover{
        font:normal 9px Verdana; 
        color:ffff33;
        text-transform: none;
}
a:link, a.man{
        font:normal 9px Verdana; 
        color:000000; 
        border:0px; 
        text-transform: none; 
}
.standard b, p b, B, strong {
        font-family:verdana; 
        font-size:9px; 
        color:000000; 
        font-weight:none;
        border:0px; 
        text-transform: none; 
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
WRITE YOUR OWN TEXT HERE
</div>

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigate3">Home</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="navigate4">Contact</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX" class="navigate1">Add</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=XXXXXXXX&public=0" class="navigate6">Save</a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.forward&friendID=XXXXXXXX&f=forwardprofile" class="navigate5">Share</a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate2">Block</a>

</div>

<a href="YOURFRIENDSURLHERE" class="navigate1">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate2">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate3">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate4">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate5">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate6">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate3">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate4">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate1">FRIENDS NAME</a>
<a href="YOURFRIENDSURLHERE" class="navigate6">FRIENDS NAME</a>
</div>

<div class="commentbox">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" 
value="XXXXXXXX" type="hidden"><textarea name="f_comments" class="ecmtbox" rows="1" cols="20" style="width: 254; height: 85" >
Write Your Comment In Here
</textarea><bR><input input type="image" class="ecmtbox" src="http://emarie2470.ipower.com//layoutimages/HSM2-addcmt.gif" width="109" height="10"></form>
</div>

Layout Comments

Showing latest 2 of 2 comments

omg this is so dang cute
i wish i could put stuff where the comments are instead of comments though :(

By tink919 on May 7, 2009 9:00 pm

the pictures and the reast have a unknown link i try changing it and its still coming back with the same uknown link what should i do

By slickman7213 on Aug 5, 2008 6:16 pm

Layout Details

Designer	eMarie2470
Submitted on	Aug 4, 2008
Page views	4,931
Favorites	17
Comments	2
Reviewer	Relentless
Approved on	Aug 5, 2008

High School Musical 2

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