JoJo MySpace Layouts. Check out the JoJo MySpace layout, background, network Banner, and contact Table!
Only pYzam.com has expert designers that create unique layouts every single day of the week, so you always have something new and fresh.

My pYzam

JoJo MySpace Layout

Free JoJo name MySpace Layout

Make this your MySpace layout by grabbing the code below:

MySpace 1.0 Profile Code

<span id="pyzam-mslayout-start" style="display:none"></span>
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body, .bodyContent {
	background-color:53697e;
	background-image: url(http://stuff.pyzam.com/layouts/img/j/o/ahjojo.jpg);
	background-attachment: fixed;
	background-position: bottom left;
	background-repeat: no-repeat;
	border-color:ffffff;
	border-width:0px ;
	border-style: solid;
    
	scrollbar-face-color:ffffff;
	scrollbar-highlight-color:ffffff;
	scrollbar-3dlight-color:000000;
	scrollbar-shadow-color:000000;
	scrollbar-darkshadow-color:000000;
	scrollbar-arrow-color:53697e;
	scrollbar-track-color:53697e;
	
	 }
table table { border: 0px }
table table table table{border:0px}
table table table {

	border-style: solid;
	border-width:1px;
	border-color: ca0e7e;
	background-color:transparent;}
	
	   		
table table table td {
	background-color: ffffff;
	filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
	
	 }

table table table table td {filter:none;}
table, tr, td, li, p, div { font-family: Arial, Helvetica, sans-serif; color: ca0e7e; font-size:12px;     } 
.btext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.blacktext10 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.blacktext12 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.lightbluetext8 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.orangetext15 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.redtext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.redbtext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.text { font-family:helvetica; color:ca0e7e; font-size:12px; font-weight:bold;    } 
.whitetext12 { font-family:helvetica; color:ca0e7e; font-size:12px; font-weight:bold;    } 
a:active, a:visited, a:link { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
a:hover { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:helvetica; color:ffffff; font-size:12px;  font-weight:bold;     } 
a.navbar:hover { font-family:helvetica; color: ca0e7e; font-size:12px;     } 
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:helvetica; color:ca0e7e; font-size:12px;  font-weight:bold;     } 
a.redlink:hover { font-family:helvetica; color: ca0e7e; font-size:12px;     } 
.nametext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
</style>
<style type="text/css">.contactTable {width:300px !important; padding:0px !important;background-image:url(http://stuff.pyzam.com/layouts/img/j/o/ahjojoct.jpg);background-attachment:scroll; 

background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent; 

background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none 

!important;}.contactTable .whitetext12 {display:none;}</style>

<br><style type="text/css">
        table table table td {vertical-align:top ! important;}
        span.blacktext12 {
        visibility:visible !important;
        background-color:transparent;
        background-image:url(http://stuff.pyzam.com/layouts/img/j/o/ahjojobox.jpg);
        background-repeat:no-repeat;
        background-position:center center;
        font-size:0px; letter-spacing:-0.5px;
        width:435px; height:120px; display:block !important; }
        span.blacktext12 img {display:none;}
        
a.searchlinkSmall:link {color: ca0e7e;}
a.searchlinkSmall:hover {color: ca0e7e;}

a.searchlinkSmall:link {color: ca0e7e;}
a.searchlinkSmall:hover {color: ca0e7e;}
</style><span class="btext"><br>Business or Individual in need of a Twitter Makeover? <a href="http://www.twitterbackgrounds.com/custom-twitter-backgrounds">Custom Twitter Backgrounds</a><br><div style="position:absolute;top:0;left:0;z-index:9"><a href="http://www.pyzam.com"><img src="http://stuff.pyzam.com/misc/mslayoutsani.gif" border="0" alt="MySpaceLayouts"></a></div><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://stuff.pyzam.com/misc/CXNID=1000015.67NXC.gif" />
<span id="pyzam-mslayout-end" style="display:none"></span>

Click for 1.0 instructions

Can't see any code?

<span id="pyzam-mslayout-start" style="display:none"></span>
<style type="text/css">
table, tr, td { background-color:transparent; border:none; border-width:0;}
body, .bodyContent {
	background-color:53697e;
	background-image: url(http://stuff.pyzam.com/layouts/img/j/o/ahjojo.jpg);
	background-attachment: fixed;
	background-position: bottom left;
	background-repeat: no-repeat;
	border-color:ffffff;
	border-width:0px ;
	border-style: solid;
    
	scrollbar-face-color:ffffff;
	scrollbar-highlight-color:ffffff;
	scrollbar-3dlight-color:000000;
	scrollbar-shadow-color:000000;
	scrollbar-darkshadow-color:000000;
	scrollbar-arrow-color:53697e;
	scrollbar-track-color:53697e;
	
	 }
table table { border: 0px }
table table table table{border:0px}
table table table {

border-style: solid;
	border-width:1px;
	border-color: ca0e7e;
	background-color:transparent;}
	
	   		
table table table td {
	background-color: ffffff;
	filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80;
	
	 }

table table table table td {filter:none;}
table, tr, td, li, p, div { font-family: Arial, Helvetica, sans-serif; color: ca0e7e; font-size:12px;     } 
.btext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.blacktext10 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.blacktext12 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.lightbluetext8 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.orangetext15 { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.redtext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.redbtext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
.text { font-family:helvetica; color:ca0e7e; font-size:12px; font-weight:bold;    } 
.whitetext12 { font-family:helvetica; color:ca0e7e; font-size:12px; font-weight:bold;    } 
a:active, a:visited, a:link { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
a:hover { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:helvetica; color:ffffff; font-size:12px;  font-weight:bold;     } 
a.navbar:hover { font-family:helvetica; color: ca0e7e; font-size:12px;     } 
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:helvetica; color:ca0e7e; font-size:12px;  font-weight:bold;     } 
a.redlink:hover { font-family:helvetica; color: ca0e7e; font-size:12px;     } 
.nametext { font-family:helvetica; color:ca0e7e; font-size:12px;     } 
</style>
<style type="text/css">.contactTable {width:300px !important; padding:0px !important;background-image:url(http://stuff.pyzam.com/layouts/img/j/o/ahjojoct.jpg);background-attachment:scroll;

background-position:center center;background-repeat:no-repeat; background-color:transparent;}.contactTable table, table.contactTable td { padding:0px !important;border:0px; background-color:transparent;

background-image:none;}.contactTable a img {visibility:hidden; border:0px !important;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none

!important;}.contactTable .whitetext12 {display:none;}</style>

<br><style type="text/css">
        table table table td {vertical-align:top ! important;}
        span.blacktext12 {
        visibility:visible !important;
        background-color:transparent;
        background-image:url(http://stuff.pyzam.com/layouts/img/j/o/ahjojobox.jpg);
        background-repeat:no-repeat;
        background-position:center center;
        font-size:0px; letter-spacing:-0.5px;
        width:435px; height:120px; display:block !important; }
        span.blacktext12 img {display:none;}
        
a.searchlinkSmall:link {color: ca0e7e;}
a.searchlinkSmall:hover {color: ca0e7e;}

a.searchlinkSmall:link {color: ca0e7e;}
a.searchlinkSmall:hover {color: ca0e7e;}
</style><span class="btext"><br>Business or Individual in need of a Twitter Makeover? <a href="http://www.twitterbackgrounds.com/custom-twitter-backgrounds">Custom Twitter Backgrounds</a><br><div style="position:absolute;top:0;left:0;z-index:9"><a href="http://www.pyzam.com"><img src="http://stuff.pyzam.com/misc/mslayoutsani.gif" border="0" alt="MySpaceLayouts"></a></div><br><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://stuff.pyzam.com/misc/CXNID=1000015.67NXC.gif" />
<span id="pyzam-mslayout-end" style="display:none"></span>

MySpace 2.0 Profile Code

pyzam{}
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: rgb(83,105,126) url(http://stuff.pyzam.com/layouts/img/j/o/ahjojo.jpg) no-repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: rgb(202,14,126)}
a:hover {color: rgb(202,14,126) }


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=ffffff&r=6&w=2000&s=ca0e7e&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(202,14,126); margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid rgb(202,14,126); margin: 0 5px; } 

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid rgb(202,14,126) 1px; } 
div[class~="moduleMid1"] { border-right: solid rgb(202,14,126) 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(202,14,126); }  

h3.moduleHead { font-size: 120%; color: rgb(202,14,126); background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { 
	background-color: rgb(255,255,255); 
	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(202,14,126)} 
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(255,255,255); } 
div.moduleMid2 h3, div.basicInfoDetails h2 {color: rgb(202,14,126);} 
a.url, ul.contactLinks li a, a:hover; {color: rgb(202,14,126)} 
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(255,255,255); }
div.detailsModule li { background-color: rgb(255,255,255); line-height: 0; color: rgb(202,14,126); } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: rgb(202,14,126); }
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(202,14,126) 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px rgb(202,14,126); }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: rgb(202,14,126); } 
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(255,255,255); } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: rgb(202,14,126); } 
div.commentsModule div.userComment { background-color: rgb(255,255,255); } 
div.commentsModule div.user { background: transparent; background-color: rgb(255,255,255); } 
div.commentsModule p.datePosted { font-weight: bold; color: rgb(202,14,126); }
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(255,255,255);} 

div#header, div#googlebar { background: transparent; } 
#topnav { background-color: rgb(83,105,126) }
#topnav ul { border-right: 1px rgb(83,105,126) solid; }  
#topnav ul li { border-left: 1px rgb(83,105,126) solid; }  
#topnav ul li a:hover {background-color: rgb(202,14,126); color: rgb(255,255,255)}  
#topnav ul li a.open:hover {background: rgb(202,14,126) none repeat scroll 0 0; color: rgb(255,255,255)}   

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(202,14,126)} 
div#footer div { padding:10px 0; color: rgb(202,14,126)} 
.pyzam_topleft { position: absolute; top: 0px; left: 0px; }
a img.photo { background-image:url(http://stuff.pyzam.com/misc/CXNID=1000015.83NXC.gif); }

/*BEGIN_ABOUT_CONTENT
The biggest collection of <a href="http://www.pyzam.com/myspace2layouts">MySpace 2.0 Layouts</a> online<br><div class="pyzam_topleft"><a href="http://www.pyzam.com"><img src="http://stuff.pyzam.com/misc/mslayoutsani.gif" border="0" alt="MySpaceLayouts"></a></div>
END_ABOUT_CONTENT*/

Click for 2.0 instructions

Can't see any code?

pyzam{}
body { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: rgb(83,105,126) url(http://stuff.pyzam.com/layouts/img/j/o/ahjojo.jpg) no-repeat fixed bottom left;} 
p{line-height:1.8;}
a:link, a:active, a:visited {color: rgb(202,14,126)}
a:hover {color: rgb(202,14,126) }

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=ffffff&r=6&w=2000&s=ca0e7e&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(202,14,126); margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid rgb(202,14,126); margin: 0 5px; }

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid rgb(202,14,126) 1px; } 
div[class~="moduleMid1"] { border-right: solid rgb(202,14,126) 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(202,14,126); }

h3.moduleHead { font-size: 120%; color: rgb(202,14,126); background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { 
	background-color: rgb(255,255,255); 
	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(202,14,126)} 
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(255,255,255); } 
div.moduleMid2 h3, div.basicInfoDetails h2 {color: rgb(202,14,126);} 
a.url, ul.contactLinks li a, a:hover; {color: rgb(202,14,126)} 
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(255,255,255); }
div.detailsModule li { background-color: rgb(255,255,255); line-height: 0; color: rgb(202,14,126); } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: rgb(202,14,126); }
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(202,14,126) 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px rgb(202,14,126); }
div.blogsModule ul.moduleList span.date { color: #ffffff; } 
div.blurbsModule h4 { background-color: transparent; color: rgb(202,14,126); } 
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(255,255,255); } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: rgb(202,14,126); } 
div.commentsModule div.userComment { background-color: rgb(255,255,255); } 
div.commentsModule div.user { background: transparent; background-color: rgb(255,255,255); } 
div.commentsModule p.datePosted { font-weight: bold; color: rgb(202,14,126); }
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(255,255,255);}

div#header, div#googlebar { background: transparent; } 
#topnav { background-color: rgb(83,105,126) }
#topnav ul { border-right: 1px rgb(83,105,126) solid; }  
#topnav ul li { border-left: 1px rgb(83,105,126) solid; }  
#topnav ul li a:hover {background-color: rgb(202,14,126); color: rgb(255,255,255)}  
#topnav ul li a.open:hover {background: rgb(202,14,126) none repeat scroll 0 0; color: rgb(255,255,255)}

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(202,14,126)} 
div#footer div { padding:10px 0; color: rgb(202,14,126)} 
.pyzam_topleft { position: absolute; top: 0px; left: 0px; }
a img.photo { background-image:url(http://stuff.pyzam.com/misc/CXNID=1000015.83NXC.gif); }

User Comments:

	sabrina said 570 days ago: love it

Would you like to comment?

My pYzam | Sign up | Login
Email: Password:
Forgot Password?

Subscribe in a reader