Hinata Hyuuga

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Don't forget to fill in your FRIEND ID for the navigaions, the friends, and the comment box.

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">
.contacttable,.whitetext12,.nametext,.lightbluetext8,
.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
}
a.text,table div font a,table div div,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table table table,div tr td form{
	visibility:hidden;
}
td.text td.text table table,td.text table table{
	display:inline;
	visibility:visible;
	width:392px;
}
table table td.text table td.text table table tbody td table,span.btext,a.redlink,a.redlink:active,a.redlink:visited,
a.redlink:link,a.redlink:hover{
	display:none;
	visibility:hidden;
} 
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
td td embed { 
        display:block;
        visibility:visible;
        width:0px;
        height:0px; 
}
body{ 
        background-color: F6E0FE; overflow-x:hidden;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left: -300px; 
        top: 100px;  
        z-index: 0;
}
.comments{ 
        position: hidden; 
        left: 50%; 
        margin-left: -265px; 
        top: 780px; 
        z-index:5; 
        width:  300px; 
        height: 200px; 
        overflow: hidden;
}
.aboutme{
        position: absolute; 
        left: 50%; 
        margin-left: -264px; 
        top: 455px;
        z-index:5; 
        width:  415px; 
        height: 286px; 
        overflow: auto;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: 163px; 
        top: 457px; 
        z-index:5; 
        width:  140px; 
        height: 76px; 
        overflow: auto;
}
.friendbox{
        position: absolute; 
        left: 50%; 
        margin-left: 163px; 
        top: 562px; 
        z-index:5; 
        width:  140px; 
        height: 68px; 
        overflow: auto;
}
.scroller{
        position: absolute; 
        left: 50%; 
        margin-left: -283px; 
        top: 390px; 
        z-index:5; 
        width:  602px; 
        height: 24px; 
        overflow: hidden;
}
.commentbox{
        position: absolute; 
        left: 50%; 
        margin-left: 162px; 
        top: 654px; 
        z-index:5; 
        width:  142px; 
        height: 86px; 
        overflow: hidden;
}
body,table, td, li, p, div{
        font:normal 9px tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color: 111111; 
        width: 150px; 
        height: 50px; 
        color: FFFFFF; 
        font:9px Tahoma; 
        text-transform:; 
        border: solid 1px 000;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:FFFFFF;
	font-size:9px;
	display:block;
	margin-top:1px;
	cursor:default;
	line-height:12px;
	border:0px solid;
	text-align:center;
	font-weight:bold;
	letter-spacing:0px;
	font-family:Tahoma;
	border-color:none;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/08/06/28932aa.jpg) ;
}
a.navigate:hover{
	padding:1px;
	color:FFFFFF;
	font-size:9px;
	display:block;
	margin-top:1px;
	cursor:default;
	text-indent:0px;
	line-height:12px;
	border:0px solid;
	text-align:center;
	font-weight:bold;
	letter-spacing:0px;
	font-family:Tahoma;
	border-color:none;
	text-decoration:none;
	text-transform:none;
background:url(http://cbimg9.com/layouts/08/06/28932ab.jpg) ;
}

a{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:active{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:visited{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:hover{
        font:normal 9px Tahoma; 
        color:FFFFFF;
        text-transform: none;
}
a:link, a.man{
        font:normal 9px Tahoma; 
        color:FFFFFF; 
        border:0px; 
        text-transform: none; 
}
.standard b, p b, B, strong {
        font-family:Tahoma; 
        font-size:9px; 
        color:FFFFFF; 
        font-weight:none;
        border:0px; 
        text-transform: none; 
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT
TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

</div>

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

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends2&friendID=XXXXXXXX"class="navigate">View Friends</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"class="navigate">View Pictures</a>

</center>
</div>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX"class="navigate">Friend</a>

</center>
</div>

</center>
</div>

<marquee behavior=scroll direction="left" scrollamount="3">
Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here. Text Here.

</center>
</marquee>
</div>