Joker Myspace Layouts

To install your 2.0 Joker Myspace Layout codes, follow the instructions below. Joker myspace layouts are for 2.0 myspace profiles.

Preview Joker Layout

1. Copy & Paste the 2.0 layout code below in your profile's General section and save it
   <div class='tmltl'><a href='http://themyspacelayout.com' target='_blank'><img src='http://img.themyspacelayout.com/static/laylogo.gif' border='0' alt='myspace layouts' title='myspace layouts'></a></div><a href='http://themyspacelayout.com' target='_blank'>Myspace Layouts</a> by TheMyspaceLayout.com<br><a href='http://themyspacelayout.com/joker' target='_blank'>Joker myspace layouts</a>
2. Hover on "Profile" tab and choose "Customize Profile" link
3. If you have applied a theme before, click on "No Theme" image
4. Choose "CSS" tab, then copy & paste the layout code below into the CSS box
   (clear your previous css codes if needed)
   body{ background-color:rgb(1,10,18); background-image:url('http://img.themyspacelayout.com/bg/joker.jpg'); background-attachment: fixed; background-position:top left; background-repeat:no-repeat; font-family:Trebuchet MS, tahoma; font-size:12px;font-weight:normal; scrollbar-face-color:rgb(8,77,139); scrollbar-3dlight-color:rgb(8,77,139); scrollbar-highlight-color:rgb(10,99,179); scrollbar-shadow-color:rgb(12,122,219); scrollbar-darkshadow-color:rgb(31,143,243); scrollbar-arrow-color:rgb(255,255,255); scrollbar-track-color:rgb(31,143,243);} a:link,a:active,a:visited{color:rgb(31,255,243);} a:hover{color:rgb(10,255,5);} div[class~="module"] { border:none; } div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=053763&r=6&w=2000&s=0C7ADB&sw=1); font-size:0px; } div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; } div[class~="moduleTop"] div div { height:5px; border-top: 1px solid rgb(12,122,219); margin: 0px 5px; } div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid rgb(12,122,219); margin: 0 5px; } div[class~="moduleMid2"] { margin: 0 8px; } div[class~="moduleMid"] { border-left: solid rgb(12,122,219) 1px; } div[class~="moduleMid1"] { border-right: solid rgb(12,122,219) 1px; } div.moduleTop { background-position: top left; } div.moduleTop div { background-position: top right; } div.moduleBottom { background-position: bottom left; } div.moduleBottom div { background-position: bottom right; } div.wrap { background-color:transparent } div.contentMid { background-color: transparent; } div.module { border:0px solid #E5E5E5; color: rgb(143,31,243); } h3.moduleHead { font-size: 120%; color: rgb(255,255,255); background-color: transparent; padding:0.2em } div.moduleMid2 h3 { background-color: rgb(5,55,99); background-position: bottom left; background-repeat: repeat-x; color: rgb(0,0,0); padding-top:12px; text-transform: uppercase; letter-spacing:-1px; font-size:17px;} h4 { font-size: 110%; color: rgb(143,31,243)} div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; } div.basicInfoModule { background-color: transparent; } div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div, div[id~=topnav] { background-color: rgb(5,55,99); } div.moduleMid2 h3, div.basicInfoDetails h2 {color: rgb(143,31,243);} a.url, ul.contactLinks li a, a:hover; {color: rgb(68,204,255)} div.basicInfoDetails h2 { font-size: 24px; font-weight:bold; line-height: 1.2em;} div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; } div.profileStatus { margin-left:0px; } div.profileFullName { color:#333; font-weight:bold; } div.profileFullName span { color:#000; } ul.profileUserAlbum li { background-color: #FFF; border: 1px solid #C7C7C7; } div.musicPlayerModule h3.moduleHead { display: none; } div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: rgb(5,55,99); } div.detailsModule li { background-color: rgb(5,55,99); line-height: 0; color: rgb(143,31,243); } div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: rgb(255,255,255); } div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } div.networkingModule a { font-weight:bold; } div.blogsModule ul.moduleList { border-top: dotted rgb(143,31,243) 0px; } div.blogsModule ul.moduleList li { border-bottom: dotted 0px rgb(143,31,243); } div.blogsModule ul.moduleList span.date { color: #ffffff; } div.blurbsModule h4 { background-color: transparent; color: rgb(143,31,243); } div.calendarModule ul.moduleList { border-top: dotted 0px #3d3d3d; } div.calendarModule li.moduleItem { border-bottom: dotted 0px #3d3d3d; } div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000; } div.commentsModule ul.moduleList li { background-color: rgb(5,55,99); } div.commentsModule a.profileLink, div.commentsModule h3 { color: rgb(143,31,243)); } div.commentsModule div.userComment { background-color: rgb(5,55,99); } div.commentsModule div.user { background: transparent; background-color: rgb(5,55,99); } div.commentsModule p.datePosted { font-weight: bold; color: rgb(143,31,243); } div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #3d3d3d; } div.commentsModule ul.moduleList li {background-color: rgb(5,55,99);} div#header, div#googlebar { background: transparent; } #topnav { background-color: rgb(5,55,99);border: 1px solid rgb(12,122,219);} #topnav ul { border-right: 1px rgb(5,55,99) solid; } #topnav ul li { border-left: 1px rgb(5,55,99) solid; } #topnav ul li a:hover {background-color: rgb(143,31,243); color: rgb(5,55,99)} #topnav ul li a.open:hover {background: rgb(143,31,243) none repeat scroll 0 0; color: rgb(5,55,99)} body div.wrap { width: 900px; } #topnav { margin-left: 19px; margin-right: 19px; } #musicPlayerContentObject14 object { width: 271px; height: 51px; } div#footer { background-color:transparent; padding:0 0 20px 0;} div#footer a { color: rgb(68,204,255)} div#footer div { padding:10px 0; color: rgb(68,204,255)} .tmltl{position:absolute;top:0px;right:0px;}
5. Click on your "Publish" link and bingo! Your 2.0 Joker myspace layout is applied!
   Go and get yourself a beer :)