Joker Layout Green

Designer's Comments

Look carefully for specific instructions

Notes:

This is the first version of my joker layout, i chose to go with a green as most Joker layouts are red. [and yes i did make a red one too so don't worry]
i just thought id experiment with something a little different :)

I don't like the font for the rollovers, tbh, in fact, i dont like the layout itself alot. but i thought i'd try submitting anyway :)

Best Viewed in IE!
Use:

please leave the credit on, and for the links just replace the X's with your friend ID.

If you want to change the icon you one of your own the replace its URL with the URL of your chosen image, this can be any size but looks best as 100x100.

Credit:

Brushes from: Killing in the name

A special thanks to my friend Alice for helping me figure the rollovers :) Aliiicimo

Other:

Just let me know what you think, feedback is much appreciated,
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>Lastsunrise.net<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:8pt;}

body {
background-color:e2e2e2;
background-image:url();
	background-attachment: fixed;
	background-position:top left;
	background-repeat:repeat-y;
 scrollbar-arrow-color: c5fd53;
 scrollbar-face-color:d0d0d0;
 scrollbar-3dlight-color: d0d0d0;
 scrollbar-darkshadow-color: d0d0d0;
 scrollbar-shadow-color: d0d0d0;
 scrollbar-highlight-color: d0d0d0;
 scrollbar-track-color:d0d0d0;
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 11px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:15px; text-align: justify; letter-spacing: 1px;}}

{basic font}
.text {font:normal 11px tahoma; color:000000; font-weight:none; border:0px; text-transform: none; line-height:15px; 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;}

.standard b, p b, B, strong {
font-family:tahoma; font-size:14px; color:5faa05; font-weight:; border:0px; text-transform:none; letter-spacing: 2px;}

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

.h1 {
color:000000;
border-left:10px double;
border-right:10px double;
border-color:ace44c;
background-color:cee7f5;
letter-spacing:-2px;
font: 14pt century gothic;
text-align:Center;
text-transform:none;
margin-bottom:5px;}

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

.link1{z-index:5;line-height:10px;position: absolute;width:100px;height:50px;left:227;top:328}
.link2{z-index:5;line-height:10px;position: absolute;width:87px;height:50px;left:332;top:327}
.link3{z-index:5;line-height:10px;position: absolute;width:128px;height:50px;left:429;top:328}
.link4{z-index:5;line-height:10px;position: absolute;width:128px;height:50px;left:659;top:328}
.link5{z-index:5;line-height:10px;position: absolute;width:104px;height:50px;left:549;top:328}

.name1{height: 50px; width: 100px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30721ab.gif) top left no-repeat; 
display: block;}
.name1:hover{background-position: bottom left;}
.name2{height: 50px; width: 87px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30721ac.gif) top left no-repeat; 
display: block;}
.name2:hover{background-position: bottom left;}
.name3{height:50px; width: 128px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30721ad.gif) top left no-repeat; 
display: block;}
.name3:hover{background-position: bottom left;}
.name4{height: 50px; width: 128px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30721ae.gif) top left no-repeat; 
display: block;}
.name4:hover{background-position: bottom left;}
.name5{height: 50px; width: 104px; overflow: hidden; background: 
url(http://cbimg6.com/layouts/08/08/30721af.gif) top left no-repeat; 
display: block;}
.name5:hover{background-position: bottom left;}

</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

</div>

</center>

</div>

<div class="l1" style="position: absolute; left:470px;  top:396px; width:330px; height:223px; overflow: auto;">
<img src="http://cbimg6.com/layouts/08/08/30721ah.gif" align="right" />
<b>name:</b>here<br />
<b>age:</b>here<br />
<b>gender:</b>here<br />
<b>location:</b>here<br />
<b>ethnicy:</b>here<br />
<b>orientation:</b>here<br />
<b>birthday:</b>here<br /><br /><br />

Anything else you want to say? write it here :)<br /><br /><br /><br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Est amet, Duis dolore irure nostrud nisi consequat. id tempor reprehenderit fugiat tempor amet, sit fugiat cillum ex non in minim veniam, anim aute cupidatat qui tempor laboris cillum ullamco pariatur. nisi quis et ex non reprehenderit qui labore sit sit veniam, culpa nulla tempor do aute esse dolor ea minim pariatur. adipisicing Excepteur esse Ut proident, qui. Labore proident, est sint cillum irure irure

</div>

<div class="l1" style="position: absolute; left:470px;  top:630px; width:330px; height:125px; overflow: auto;"><center>
<br />
<style>textarea.area{
background-color:d0d0d0;
background-image:url();
background-repeat:repeat;
width:320px;
height:90px;
font-family:century gothic;
text-transform: uppercase;
color:393737;
line-height:24px;
font-size:26px;
border:0px solid;
border-color:393737;
letter-spacing:-2px;
}

input.button {
background-color:d0d0d0;
color:393737;
text-transform: uppercase;
font-size:9px;
width:205px;
height:16px;
text-align: center;
font-family:century gothic;
border:1px solid;
border-color:595857;
line-height:10px;
font-weight: normal;}
</style>

<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="area">Some men just want to watch the world burn.</textarea><br />
<input type="submit" class="button" value="hahahaha." /></form>

</div>

This is where you write about yourself, tell people what you like, where you come from etcetera...<br /><br /><br /><br /><br /><br />

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Est amet, Duis dolore irure nostrud nisi consequat. id tempor reprehenderit fugiat tempor amet, sit fugiat cillum ex non in minim veniam, anim aute cupidatat qui tempor laboris cillum ullamco pariatur. nisi quis et ex non reprehenderit qui labore sit sit veniam, culpa nulla tempor do aute esse dolor ea minim pariatur. adipisicing Excepteur esse Ut proident, qui. Labore proident, est sint cillum irure irure

</div>