Life as a Manga

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Change the XXXXXXXXXXXX to yours. First myspace layout (if accepted).

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>
.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; 
}
.friendsComments .orangetext15,
.friendsComments td.text td td {display:none;}
.friendsComments * {background-color:; border:0px;}
.FriendsComments td b {visibility:hidden;}

body{
background-color:FFFFFF;
background-image:url('http://cbimg9.com/layouts/08/07/29541aa.jpg');
background-repeat:repeat;}

h1{border-bottom: 1px dashed black; font-family:georgia;font-size:15px; font-weight:normal;line-height:18px; text-align:left; margin-bottom: -0px;letter-spacing:1px;text-transform:uppercase;}

.image{
        position: absolute; 
        left: 50%; 
        margin-left: -400px; 
        top: 100px;  
        z-index: 0;
}
.image2{
        position: absolute; 
        left: 50%; 
        margin-left: -400px; 
        top: 700px;  
        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: -135px; 
        top: 490px;
        z-index:5; 
        width:443px; 
        height: 302px; 
        overflow: auto;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: -325px; 
        top: 468px; 
        z-index:5; 
        width:  185px; 
        height: 320px; 
        overflow: auto;
text-align:left;
}
body,table, td, li, p, div{
        font:normal 11px 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:link,a:visited,a:active,{
        font:normal 11px Tahoma; 
        color:ADADAD; 
        font-weight:normal; 
        border:0px; 
        text-decoration:none; 
}
a:hover{
        font: 11px Tahoma; 
        color:FFFFFF; 
        font-weight:normal;
        border:0px; 
        cursor:crosshair;
        text-decoration:none;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	color:FFFFFF;
	font-size:11px;
	display:block;
	line-height:15px;
	text-align:left;
	font-weight:normal;
	letter-spacing:0px;
	font-family:Tahoma;
        width:150px;
        text-decoration:none;
}
a.navigate:hover{
	color:FFFFFF;
	font-size:11px;
	display:block;
	cursor:default;
	text-indent:0px;
	text-align:left;
	font-weight:bold;
	letter-spacing:0px;
	font-family:Tahoma;
        background-repeat:no-repeat;
        background-image: url('http://cbimg9.com/layouts/08/07/29541ab.jpg');
background-position:center right; 
}

.standard b, p b, B, strong {
        font-family:Tahoma; 
        font-size:9px; 
        color:FFFFFF; 
        font-weight:none;
        border:0px; 
        text-transform: none; 
}
</style>
<style>
body{scrollbar-face-color: 6A6A6A;
scrollbar-highlight-color: 6A6A6A;
scrollbar-3dlight-color: 6A6A6A;
scrollbar-darkshadow-color: 6A6A6A;
scrollbar-shadow-color: 6A6A6A;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: 6A6A6A;}

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="aboutme">
<img src="http://cbimg9.com/layouts/08/07/29541ae.jpg" alt="Haha" border="0" align="left" />
<p><b>Name:</b> Your Name<br />
<b>Gender:</b> Male or Female, No both<br />
<b>Location:</b> Where You At?<br />
<b>Ethnicity:</b> La la la ..<br />
<b>Interest:</b> Singing ..<br />
<b>Hobbies:</b> Singing .. Again :D<br />
<b>Music:</b> That's my Jam!<br />
<b>TV:</b> Something that's funny ..<br />
</p>

<a href="#">TESTING THIS DANG Link.</a><b>Flip You.</b><u>You're too.</u><s>Flippin'</s><i>Happy.</i><P>Erase contents you don't want and add your own. Do not change/remove Designer profile link and claim as your own or others.</P>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam auctor 
lectus et ligula. Aenean ornare commodo mauris. Duis non pede. Phasellus 
eleifend bibendum tortor. Quisque dictum. Nulla facilisi. Donec nec neque. 
Maecenas consectetuer ipsum sed augue. Sed placerat. Pellentesque interdum metus 
eu justo mattis luctus. </p>
<p>Sed consectetuer metus eget risus. Sed tempor nunc ut dolor. Pellentesque 
lobortis semper arcu. Nullam mauris turpis, aliquam id, dignissim quis, pharetra 
quis, dolor. Suspendisse potenti. Donec congue ultrices ligula. Suspendisse 
cursus. Quisque eget velit ut tortor ullamcorper facilisis. Nulla tincidunt 
porttitor nulla. Integer elit. Proin placerat dictum mi. Aliquam erat volutpat. 
Vestibulum eget magna fringilla ligula cursus posuere. Morbi viverra pulvinar 
nibh. Donec eu neque a neque pretium consequat. Ut pulvinar viverra justo. 
Vivamus id eros. Aliquam molestie. Proin urna tellus, gravida nec, tristique 
vel, dapibus vel, nisi. </p></p>
 </p>
</div>

<div class="navigation"><center>
<h1>Navigation</h1>
<a href="http://home.myspace.com/index.cfm?fuseaction=user"class="navigate">Home</a>

<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>

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

<textarea name="f_comments" style="height:69 ;width:140; border: 1px double; border-color: 000000; background-color:7B7B7B!important;color:FFFFFF !important;font-size:9px;font-family:Tahoma !important" rows="1" cols="20"> Manga is better than Reality~</textarea>