Important:

Maximum image width: 432pixels!
Replace "x" with your friendID!!
leave the credit on or i'll personally hunt you down and feed your genitals to a squid.

Sometimes monkeys like shoes too:

Well... this is where everything would go. And I'm a monkey. Well, I'm not actually a monkey, but I think it would be fun to be a monkey. It'd also be fun to be a muffin. Or a lemon. Or a superhero. You know, thinking about it, it'd be really fun to be quite a lot of things, wouldn't it?

So, the story is:

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. (:

Bold Underline Italics Link

Filler Crap:

This layout definitely looks better as full as you feel the need to stuff it. Seriously, fill it full of whatever kind of crap you like, it scrolls, and it definitely looks best without all of this excess white space hanging around. In fact, if there's one thing I hate, it's excess white space. Use it up, people!!

I guess you could use that if you really wanted to... It's kind of random, but it's a good song. Stronger by Nick Jonas & The Administration, if you didn't know.

Codage:

<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://chocolatemilkk.net/misc/maskbg.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://www.msplinks.com/MDFodHRwOi8vbXlzcGFjZS5jb20vY2htbHl0cw=="><img src="http://i23.tinypic.com/2n87a60.gif" border="0" /></a></div> <div class="stuff"><img src="http://chocolatemilkk.net/misc/mask.png" width="900" height="600" border="0" alt="" usemap="#navi" /><map name="navi"> <area shape="rect" coords="460,31,525,49" href="http://home.myspace.com/index.cfm?fuseaction=user" alt="Home"> <area shape="rect" coords="540,31,605,49" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=X" alt="Comment"> <area shape="rect" coords="620,31,662,49" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=X" alt="Pictures"> <area shape="rect" coords="677,31,725,49" href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendId=X" alt="Add"> <area shape="rect" coords="743,31,798,49" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.messageV3&friendID=X" alt="Message"> <area shape="rect" coords="817,31,884,49" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockuser&userID=X" alt="Block"> </map> <div class="content"> <h1>Important:</h1> Maximum image width: 432pixels!<br> Replace <b>"x"</b> with your friendID!!<br> <i>leave the credit on or i'll personally hunt you down and feed your genitals to a squid.</i> </div> </div>