Yo Mika!

Myspace Layouts / Div Overlay

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">
table table,table table table table,table table{background-color:transparent;width:;border:0px;} 
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font, 
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}

.comments{visibility:visible;width:0px; height:0px;position:absolute;
top:0px;left:0px; 
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>

body {
background-color: 000000;
background-position: bottom;
background-image: url("");
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: FFFFFF;
scrollbar-face-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px "verdana"; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 10px "verdana"; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase; }  
a:link{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:active{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:visited{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}
a:hover{font-family:"verdana"; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{Default Links}
a:link, a.man{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase; letter-spacing: 0px;}  
a:active{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;}  
a:visited{font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: lowercase;} 
a:hover{font-family:"verdana"; font-size:10px; color:FFFFFF; font-weight:none;border:0px; text-transform: lowercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:"verdana"; font-size:10px; color:000000; font-weight:none;border:0px; text-transform: none; }

</style>

<style>

.nav {
position:absolute; 
left:200; 
top:150; 
width:550;
height:999; 
overflow:hidden;}

.picture {
position:absolute; 
left:483; 
top:736;
width:230;
height:187;  
overflow:auto;}

.aboutme {
position:absolute;
left:237;
top:736;
width:238;
height:398;
overflow:auto;}

.stuff {
position:absolute; 
left:483; 
top:933; 
width:230;
height:180; 
overflow:none;}

.cred {
position:absolute;
left:231;
top:723;
width:172;
height:18;
overflow:none;}

textarea.quack {
background-image: url("http://cbimg6.com/layouts/07/12/15/23809aa.png");
background-repeat: no-repeat;

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="cred">
<a href="http://www.myspace.com/idontworshipsatan">idontworshipsatan Layouts</a>
</div>

</map>

<div class="cred">
<a href="http://www.myspace.com/idontworshipsatan">idontworshipsatan Layouts</a>
</div>

<div class="picture">
<center>
<br><img src="http://cbimg6.com/layouts/07/12/15/23809ac.png"><br>
<br><br>
Your Picture^<br>
Name: <br>
Age: <br>
That sort of stuff here.<br>
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br><br><br>
</div>

<div class="aboutme">
<br><br>
<center>
<h2>About Me</h2><br>
about me stuff here<br><br>
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>blah blah blah blah blah blah
<br>
<br>

<br>
<h2>Interests</h2><br>
interests and such here<br>
or whatever<br>

</div>

<div class="stuff">
<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="quack" style="width:230px; height:165px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: verdana; text-transform:none; letter-spacing:1pt;font-size: 12px; color: 000000; background-color: none;" style="overflow:auto;">Mika is hip and happening!  </textarea> <br> 
<input value="totally!" style="border-width: 1px; border-style: solid; border-color: 000000; width:110px; font-family: verdana; text-transform:none; letter-spacing:1pt; font-size: 12px; color: 000000; background-color: ffffff;" type="submit"> 
<input value="whoops!" style="border-width: 1px; border-style: solid; border-color: 000000; width:110px; font-family: verdana; text-transform:none; letter-spacing:1pt;font-size: 12px; color: 000000;  background-color: ffffff;" type="reset"></form>
</div>

Layout Comments

Showing latest 6 of 6 comments

Yeah, the banner is the best part, the content boxes, however, look a little ehcky.

By audreyluzr on Dec 24, 2007 3:56 pm

amazing

By DiscoDaphne on Dec 17, 2007 6:04 pm

great comment box

By jesusisthebestthing on Dec 16, 2007 9:20 pm

awesome it's really unique and i like mika. nice!

By sagerose2003 on Dec 16, 2007 11:50 am

i like the banner. but im not so sure about the other ones cause it is wayyy too rainbowish for me. add a simple pattern background for the content area. choose different font and color for the navigation. i gotta say though, the image is really amazing. =]

By twodreamlovers on Dec 16, 2007 12:45 am

I like the banner,but not so much the content boxes.good layout though.

By Marlons on Dec 15, 2007 11:23 pm

Layout Details

Designer	coldplayisawesome
Submitted on	Dec 15, 2007
Page views	11,264
Favorites	47
Comments	6
Reviewer	karmakiller
Approved on	Dec 15, 2007

Yo Mika!

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates