Hero or Villain

Designer's Comments

Look carefully for specific instructions

This Layout requires HTML knowledge!
Please remember to replace the X's with your friend ID before you click save!

this layout will work in all browsers but is best viewed in IE

for some reason the scrolling images don't seem to be working in FF and the spaces are bigger in safari, but you can easily edit these yourself to fit your browser best :)

Okay so this is basically a conversion of my own createblog layout :)
i just took the banner and changed the content areas,
i also put in some icons i made, but you can replace this with what you want: 100x100 icons, pictures of your friends, linked images ect :)

Comments are always much appreciated :)
just let me know what you think!
enjoy,
~Martz
x---x

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>
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,
.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:visible;}
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;}

.comments{visibility:none;width:0px; height:0px;position:hidden;
top:0px; margin-left:0px;
overflow:none;background-color:transparent;
border:black 0px solid;z-index:0px;}

td.text td.text img {
width: 90px !important;
}

table td table tr td.text table {visibility:visible;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}

td.text td.text table table table,
td.text td.text table br,
td.text td.text table .orangetext15,
td.text td.text .redlink,
td.text td.text span.btext
{display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}
td.text td.text {height:0;}
td.text td.text table b, td.text td.text table table td {font-size:10pt;}

A:link, A:active, A:visited {color: 000000;
font-weight: none;
text-decoration: none;
cursor:crosshair;}

A:hover {color: 000000;
font-weight: none;
filter: fliph; 
cursor: crosshair;
text-transform:none;
letter-spacing: 0px;}

a.l1,a.l1:active,a.l1:active,a.l1:link
{display:block;
padding:2px;
text-transform:lowercase;
text-align:center;
color:ffffff;
font-size:10px;
background-color:2d5f81;
border-left:5px solid;
border-right:5px solid;
border-color:91bca0;
margin-bottom:1px;
}
a.l1:hover
{display:block;
padding:3px;
text-align:center;
letter-spacing:5px;
color:ffffff;
font-size:10px;
text-transform:lowercase;
background-color:2d5f81;
border-left:5px solid;
border-right:5px solid;
border-color:13418e;
margin-bottom:1px;
}

.linkage {
width:230px;}

body {
background-color:d5eff6;
background-image:url(http://cbimg6.com/layouts/08/08/30413aa.png);
	background-attachment: fixed;
	background-position:top left;
	background-repeat:repeat;
 scrollbar-arrow-color: 2d5f81;
 scrollbar-face-color:2d5f81;
 scrollbar-3dlight-color: c4d6e1;
 scrollbar-darkshadow-color: c4d6e1;
 scrollbar-shadow-color: 2d5f81;
 scrollbar-highlight-color: 2d5f81;
 scrollbar-track-color:c4d6e1;
cursor:crosshair;

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

{style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 10px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:12px; text-align: justify; letter-spacing: 1px;}}

{style for the number of comments you have ..}
.redtext{font-family:georgia; font-size:11px; color:CCCCCC; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 1px;}

{comment title}  
.blacktext10{font-family:georgia; font-size:11px;  color:66CCFF; font-weight:none; border:0px; text-transform: uppercase; background-color: 1A5566;}

{link anchor.}  
a{font-family:century gothic; font-size:8px; color:000000; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: eb5591;}  
a:link{font-family:century gothic; font-size:8px; letter-spacing: 1px; color:eb5591; font-weight:none;border:0px; text-transform: ; border: 0px solid;
border-color: eb5591;}
a:active{font-family:century gothic; font-size:8px; color:ffffff1; font-weight:none;border:0px; text-transform: uppercase ; letter-spacing: 0px; border: 1px solid;
border-color: eb5591;}
a:visited{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: eb5591;}
a:hover{font-family:century gothic; font-size:8px; color:ffffff; font-weight:none;border:0px; text-transform: ; letter-spacing: 1px; border: 0px solid;
border-color: eb55910;}

.standard b, p b, B, strong {
font-family:georgia; font-size:16px; color:2d5f81; font-weight:bold; border:0px; text-transform:none; letter-spacing: -1px;}

u, s, .stext, .sbtext, .swtext {
  font-family: monospace; 
  font-size: 11px;
  color: 000000;
weight:strong;
  text-align: justify;}
i, em, .itext  {
  font-family: monospace; 
  font-size: 9px;
  color: 000000;
  text-align: justify;}

.h1 {
color:000000;
font: 12pt tahoma;
font-weight:;
padding: px;
letter-spacing: -2px;
border-left: 4px solid;
border-right: 4px solid;
border-color:93d3e5;
background-color:afe7f7;
background-image: url(''); 
background-repeat:repeat; 
text-align:center;
text-transform:none;}

</style>
<br /><br />
<style>.r{}</style>

<style>

.a {hide top search bar}
div div select, div div form {display:none !important;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

</center>

</div>

My names martz and i live in blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blahblah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

</div>

<div class="side" style="position: absolute; left:280px;  top:320px; width:185px; height:165px; overflow: auto;">
</center>
<br />
<b>name:</b>Martz<br /><br /><br />
<b>age:</b>16<br /><br /><br />
<b>gender:</b>Girlie<br /><br /><br />
<b>location:</b>UK<br /><br /><br />
<b>eye color:</b>Blue<br /><br /><br />
<b>hair color:</b>Red<br /><br /><br />

</div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX" class="l1">Message</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="l1">Pictures</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX" class="l1">Comment</a>

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

<a href="http://www.lastsunrise.net" class="l1">Credit</a>

</div>

</marquee>
</div>

Layout Comments

Showing latest 8 of 8 comments

I so so friggin love batman
this ish AWESOME :D

By xxRyanexx on Oct 22, 2009 9:16 pm

I love this. its so awesome!!!

By TheGoddessOfLove on Jun 16, 2009 10:19 pm

Thank you! Using it. :)

By fineartsbaby on Jan 3, 2009 10:37 pm

Of course that would be fine,
you may edit any part of the "i would like to meet" code,
but i would prefer for you to keep the "About Me" code as it is :)
thankyou!

By SammyTheHeadbutt on Dec 7, 2008 11:30 am

Sooo awesome - I have a question, though: would you be okay with someone deleting the marquee in the lower right box and replacing it with a music player or the like?

By fineartsbaby on Dec 7, 2008 8:50 am