Why So Serious (Batman II)

Designer's Comments

Look carefully for specific instructions

Again, I was trying to break out of my more traditional style and try a layout that has no overflow on it's body. This layout is in no way a reaction to the death of Mr Ledger, it's been in the pipeline for some time.

I love the bottom image of Gotham City (it is in fact a duplicated picture rotated to make it seem as one).

There is also a place to put your own music player in. I've taken the liberty of uploaded the title track 'Molassus' from Batman Begins. If you don't like that, you can use your own. The player colors I have used are: body - #0C2636 and font #000000.

**If this layout seems misaligned in the Createblog Preview - REFRESH the page. This is a CB error only and will not happen to your own Myspace page. **

Banner was created by myself using Batman: The Dark Knight promotional release images.

Many thanks to Terry Islay for his alignment fix.

This layout will work in Mozilla and Internet Explorer.

Look for 'YOURFRIENDIDHERE' and replace that with your friend ID. Simple.

It took me hours of hard work to design this so you could use it for free. Please respect my work and leave credit links intact.

Visit A Touch of Destiny for more quality, pre-made Xanga and Myspace layouts.

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">div form, .mslogo, div ul {display:none!important;}
div div, div td {background-color:transparent; background-image:none!important;}
div.profileWidth {margin-top: -30px !important;}div.profileWidth div {filter:alpha(opacity=0); opacity:0.0001}div.profileWidth div.clearfix, i i i, 
div.profileWidth div div {filter:none; opacity:0.9999}div.profileWidth div.clearfix {position:relative; top:30px}
div div select, div div form {display:none !important;}a.text,table div font a,tr td font{
visibility:hidden;display:none;height:0px!important;
}a.navbar font text, .navbar font text, a.navbar,.navbar,navbar{
visibility:hidden;display:none;height:0px!important;
}.navbar {display:none;}.navigationBar {display:none;}div table td font {visibility:hidden;}div table table td font a {visibility:visible;}table td div {visibility:hidden;}table table td div {visibility:visible;}.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext,
div tr td form,.comments,td.text td.text table table{display:none;visibility:hidden;height:0px!important;padding:0px;margin:0px;float:none;}
table,td,tr{
height:0px;padding:0px;background-color:transparent;float:none;}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;float:none;}body{
background-image:url();background-attachment:scroll;background-position:center;background-repeat:repeat-y;background-color:395563;scrollbar-arrow-color:191F21;scrollbar-face-color: 95A5AD; scrollbar-3dlight-color: 000000; scrollbar-darkshadow-color: 000000; scrollbar-highlight-color: 000000;scrollbar-shadow-color: 000000;scrollbar-track-color: 395563;overflow:hidden;padding:0;margin:0;}
a:active img,a:hover img,a:visited img,a:link img{cursor:default;border:0px!important;height:100%;
width:100%;}font, td, a,table, body, td, li, p, div, li, h1, h2, p, br,.text,small,big,sup,sub{font-size:10px;color:ABACAC!important;font: normal 10px verdana;line-height:12px;
letter-spacing:0px;text-align:left;text-decoration:none;text-transform:normal;}
b,strong{color:A01217;font-size:10px;line-height:10px;letter-spacing:0px;font: bold 10px verdana;}i,cite,em{color:ffffff;font-size:10px;}u{color:9BBED0;font-size:10px;cursor:default;line-height:10px;letter-spacing:0px;font-family:georgia;text-transform:uppercase;}
a:active,a:visited,a:link,a{padding:1px;color:68687B!important;font: normal 10px verdana;line-height:12px;
letter-spacing:0px;text-decoration:none;text-transform:none;}a:hover{
padding:1px;color:9090A8!important;font: normal 10px verdana;line-height:12px;letter-spacing:0px;
text-decoration:none;text-transform:none;}a.navigate:link,a.navigate:active,a.navigate:visited{
padding:2px;color:C7D3DB!important;font-size:10px;display:block;margin-top:0px;border-bottom:1px solid;border-bottom-color:134559;border-top: 0px solid;border-right:1px solid;border-right-color:FDFDFD;border-left:0px solid;text-indent:10px;
text-align:center;font-weight: bold;font: 10px verdana;letter-spacing: 0.10em;text-decoration:none;text-transform:none;background-color:000000;}a.navigate:hover{padding:2px;color:EF0E0E!important;font-size:10px;
display:block;margin-top:0px;border-bottom:1px solid;border-bottom-color:587A88;border-top: 0px solid;border-right:1px solid;border-right-color:FDFDFD;border-left:0px solid;text-indent:10px;text-align:center;font-weight: bold;font: 10px verdana;letter-spacing: 0.10em;text-decoration:none;text-transform:none;background-color:0C2636;}

::-moz-selection{
background-color:000000;
color:000000;
}div.container{top:90px;left:50%;position:absolute;z-index:1;width:100%;height:100%;display:block;visibility:visible;padding:0;margin-left: -486px;float:left;
}div.header{top:10px;position:relative;z-index:1;width:972px;height:489px;display:block;visibility:visible;padding:0;margin:0;float:left;}div.SMabout{float: left;top:130px;left:75px;position:absolute;width:360px!important;width:360px;height:320;border: 2px dashed;border-color:000000;background-color:none;padding:1px;z-index:2;overflow:auto;visibility:visible;text-align:justify;margin:0;}div.SMabout div{width:360px!important;width:360px;overflow:auto;visibility:visible;text-align:justify;padding:1px;margin-left:1px;margin-top:0px;margin-bottom:0px;}div.SMbox{float: left;top:29px;left:753px;position:absolute;width:196px!important;width:196px;height:161;border: 2px dashed;border-color:000000;background-color:none;padding:1px;z-index:3;overflow:auto;visibility:visible;text-align:justify;margin:0;}div.SMbox div{width:196px!important;width:196px;overflow:auto;visibility:visible;text-align:justify;padding:1px;margin-left:1px;margin-top:0px;margin-bottom:0px;}div.SMmusic{float: left;top:231px;left:711px;position:absolute;width:!important;width:;height:;border: 0px dashed;border-color:000000;background-color:none;padding:1px;z-index:3;overflow:hidden;visibility:visible;text-align:justify;margin:0;}div.SMmusic div{width:;width:;overflow:hidden;visibility:visible;text-align:justify;padding:1px;margin-left:1px;margin-top:0px;margin-bottom:0px;}div.Modules{top:310px;left:497px;position:absolute;float: right;
width:340px!important;width:340px;height:;padding:1px;z-index:2;overflow:hidden;visibility:visible;text-align:justify;background-color:transparent;scrollbar-face-color:627689;scrollbar-track-color:627689;scrollbar-arrow-color:D0EBAD;scrollbar-shadow-color:627689;scrollbar-3dlight-color:627689;scrollbar-highlight-color:627689;scrollbar-darkshadow-color:627689;margin:0;}div.Modules div{width:340px!important;width:340px;background-color:transparant;overflow:hidden;visibility:visible;text-align:justify;padding:1px;margin-left:1px;margin-top:0px;margin-bottom:0px;}h1{margin: 0px; color: white;text-align:center;border-bottom:1px dashed;border-color:747A8D;font: bold 11px georgia;font-weight: bold;color:A3A0AC;letter-spacing: 1px;text-transform: none;}h2{margin: 0px; 
color: white;text-align:left;border-bottom:1px dashed;border-color:747A8D;font: bold 11px georgia;font-weight: bold;color:A3A0AC;letter-spacing: 1px;text-transform: none;}h3{margin: 0px; color: white;text-align:left;border-bottom:1px dashed;border-color:A3A0AC;font: bold 11px georgia;font-weight: bold;color:77778B;letter-spacing: 1px;text-transform: none;}</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

Layout works in both Firefox and Internet Explorer.<br><br>

<b>This is bold type</b><br><br>
<i>This is italic type</i><br><br>
<u>This is underlined type</u><br><br>

It took me hours of hard work to design this so you could use it for free. Please respect my work and leave credit links intact. Layout works in both Firefox and Internet Explorer.<br><br>

It took me hours of hard work to design this so you could use it for free. Please respect my work and leave credit links intact.

<br><br>
  
S. Majere x

<u>Favourite Movies</u><br><br>

<b>-</b> Batman Begins<br>

<b>-</b> Batman The Dark Knight<br><br>

<u>Favourite Music</u><br><br>

<b>-</b> The Joker's On You<br>

<u>Favourite Television</u><br><br>

<b>-</b> Buffy The Vampire Slayer<br><br>

</div>

</object>

</div><div class="Modules"><div>

<a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">calling card / message me</a>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX" class="navigate">minions / friends</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX" class="navigate">graffiti / comments</a>

<a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate">hate me / block</a>

<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX" class="navigate">insanity / blogs</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX" class="navigate">masks / pictures</a>

<a href="http://home.myspace.com/index.cfm?fuseaction=user" class="navigate">the batcave / home</a>

<a href="http://www.xanga.com/s_majere" class="navigate">Layout By S. Majere</a></div></div>

Layout Comments

Showing latest 10 of 33 comments

I love this layout. But ti's misaligned on my profile. The bottom is hidden and there's no scrollbars on my page to see it. Here's my URL to show what I'm talking about: myspace.com/philmata Is there anything I can do?

By philmata on Aug 31, 2008 7:17 pm

this is an awesome piece of work! Keep it up!

By ravishingdiamondz on Aug 10, 2008 1:04 pm

ok i seriously cannot find the YOURFRIENDIDHERE part in the code and i used ctrl F and it said it wasnt in the text.

can u help me out please????

By MrJoker on Jul 28, 2008 3:45 am

this is awesome. nice job.

By time1 on Jul 26, 2008 1:25 am

ohh jeez im trying to understand how to learn this div stuff and its just a tad hard, lol im sure i will get the hang of it....eventually >:l

By XGLitter-BoyX on Jul 20, 2008 8:08 am

nevermind, it was just my computer. Thanks again, this is an amazing layout~!

By Truffles on Jul 20, 2008 1:16 am

ahhh it doesn't work anymore for firefox =[ if anyone knows how to fix it, that'd be lovely

http://profile.myspa ce.com/index.cfm?fuseaction=us er.viewprofile&friendid=621185 61

By Truffles on Jul 19, 2008 7:46 pm