Mardi Gras

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

This layout is pretty straightfoward. Just replace "X" with your friendID, and you're good to go.(:

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>
div td {display:block !important;height:0px;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important;font-size:0px !important;}
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
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;}
table {margin: 0 auto;}
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}
div div table div {display:none;} .clearfix table div div {display:block;} 
tr td div, div td, div tr, div table {background-color:transparent !important;}
body {background-color: ebebeb;
background-image:url("http://cbimg6.com/layouts/10/02/36141ac.png");
background-position: center !important;}
.profile {display: none;}
.stuff {position:absolute;
margin-left:-450px;
left:50%;
top:110px;
width:900px; vertical-align:top !important;}
.content {position: absolute; left: 457px; top:64px; width: 433px; height:381px; vertical-align:top; overflow: auto; text-align: justify;  font-family: arial, sans-serif; font-size: 7pt; color: black; text-transform: lowercase; line-height:8px;}
h1{line-height:19px; font-size: 22px; font-family:times new roman, georgia, serif; text-transform:lowercase; background-color:e1e1e1; display: block; letter-spacing:-1pt; font-style:italic; color:555555; text-align:left; font-weight: normal !important;}
h1:first-letter{color:e152a5;}
textarea {width:432px !important; border:1px solid!important; border-color:c0c0c0!important; font-family:small fonts!important; font-size:5pt !important; text-transform: uppercase !important; color:555555!important; text-align:justify!important; height:40px!important; line-height:100% !important;}
b { color: 00aeef !important;
 font-family: arial !important;
 font-size: 7pt !important;
 text-transform: lowercase;
 font-weight:normal !important;}
u {
font-family: arial !important;
text-decoraton: none !important;
font-size: 7pt !important;
text-transform: lowercase !important;
color: bd00ec !important;
text-decoration: none;}
i,em {
 color: e152a5 !important;
 font-family: arial!important;
 font-size: 7pt !important;
 text-transform: lowercase;
 font-style: normal !important;
 font-weight: normal !important;}
.cred {position: absolute !important; top: 0px !important; left: 0px !important; 
width: 100px !important; height: 50px !important;}
a:link, a:active, a:visited, a.redlink:link, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a:link, a:active, a:visited, a.redlink:link, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited {
 font-family: arial!important;
 font-size: 7pt !important;
 color: a102c9;
 text-decoration:none;
 font-weight:normal;
 text-transform: lowercase;}
a:hover, a.redlink:hover {
 font-family: arial;
 font-weight:normal;
 color: 555555;
 font-size: 7pt !important;
 text-decoration:none;
 text-transform: lowercase;}
table div object {visibility:visible;
position :absolute;
right:0px;
top:0px;
width:1px;
height:1px;}
</style>
<div class="cred"><a href="http://myspace.com/CMilkk"><img src="http://cbimg6.com/layouts/10/02/36141aa.gif" border="0" /></a></div>

<div class="content">
<h1>Important:</h1>
Maximum image width: 432pixels!<br>
Replace <b>"x"</b> with your friendID!!<br>
<i>leave the credit on.</i>

<h1>So, the story is:</h1>
I made the mask originally for a flyer for our Sadie Hawkin's Dance. (If you're wondering, our theme is "A Night in New Orleans".) However, by the time I was done with the flyers they were no longer needed, as others had taken care of it. I loved the mask so much, however, that I needed to use it for something, and it wasn't really what I was looking for in a website layout. So I threw it together in this wonderful mess I like to call a DIV overlay. Other people just like to call it a mess, and I'm alright with that, too. i actually really love this style of content, all squised with nice headers separating them... more than likely you'll see plenty of this style layout in the future. i need to get back to making divs, they used to be what fueled the site, i'd like to see more of them up. who knows, i might even start taking DIV requests if enough people like them. (:<br /><br />

<b>Bold</b> <u>Underline</u> <i>Italics</i> <a href="">Link</a>

</div>

Layout Comments

Showing latest 3 of 3 comments

This looks well structured. I like the navigation (although, it'd be even better with rollovers) and how clean everything looks. Also, did you make the mask yourself? If so, I admire your vectoring skills. Good job, overall. :)

By Mikeplyts on Feb 7, 2010 10:33 am