OhMySpace.com - Graphics & Codes for your MySpace Profiles!

Glitter Graphics, Codes & More for your MySpace!

PixelMySpace.com - Pixel Graphics For Your MySpace!

Skinny Myspace Profile 2.0 Layouts

Myspace Profile 2.0 Layouts require you to use BOTH codes for the layout you want. Follow instructions listed below the layout codes. Click on the thumbnails for a larger preview.

Cute Cinnaroll Myspace 2.0 Layout

Paste this into your About Me or Interests under Edit Profile.

Paste this into your CSS under Customize Profile.

div.wrap{width:750px;}
body{background-image:url('http://i31.photobucket.com/albums/c364/carrielynne1/1ohmyspace/1_myspace_layouts_v2/cute_layout-1.gif');}
body {
background-repeat:repeat;
background-position:center;
background-color:#000000;
margin:0;
background-attachment:fixed;
font:11px century gothic, arial;
padding:5px;
font-weight:bold;
color:#808080;
}

h2 {
display:block;
text-transform:uppercase;
font:35px century gothic, arial;
padding:5px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
background-color:#9CDE18;
}
blockquote {
text-transform:uppercase;
letter-spacing:1px;
}

p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#000000; }
a:hover { color:#98C200; }
div.contentMid { background-color:transparent; }
span.count { color:#9CDE18; }
div.module { border:1px solid #FFFFFF; }
.noborder { border:none; }

h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #FFFFFF; background-color: #9CDE18; }
h4 { font-size: 110%; }

div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; }

div.toolbar ul li { border-right: 1px solid #3D3D3D; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; }

div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule { background-color: #DDDDDD; }
div.photo { background-color: #FFF784; }
div.profileDemographics { background-color: #FFF784; color: #000000; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; }
div.profileStatus,
div.profileMood,
div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.clearfix, div.clearfix * {background-color:transparent !important; border:0px !important;}

div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000000; }
ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid rgb(199,199,199); }

div.interestsModule li { background-color: #FFCC4E; color: #000000; }
div.interestsModule li h4 { color: #FFFFFF; }

div.detailsModule li { background-color: #FFCC4E; line-height: 0;  color: #000000;}
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

div.schoolsModule li.moduleItem { background-color: #FFCC4E; color: #FFFFFF;}

div.networkingModule li.moduleItem { background-color:#FFCC4E; color: #FFFFFF;}
div.networkingModule a { font-weight:bold; }

div.companiesModule li.moduleItem { background-color:rgb(147,147,147); color: #FFFFFF;}

div.blogsModule { background-color:#DDDDDD; }
div.blogsModule h3 { background-color: #9CDE18; color: #FFFFFF; }
div.blogsModule h4 { background-color: #9CDE18; color: #FFFFFF; }
div.blogsModule ul.moduleList { border-top: dotted #3D3D3D 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3D3D3D; }
div.blogsModule ul.moduleList span.date { color: #000000; }

div.blurbsModule { background-color:#transparent; }
div.blurbsModule h3 { background-color: #9CDE18; color: #FFFFFF; }
div.blurbsModule h4 { background-color: transparent; color: #000000; }

div.calendarModule { background-color:#transparent; }
div.calendarModule h3 { background-color: #9CDE18; color: #FFFFFF; }
div.calendarModule ul.moduleList { border-top: dotted 1px #3D3D3D; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3D3D3D; }

div.friendSpaceModule h3 { background-color: #9CDE18; color: #FFFFFF; }
div.friendSpaceModule { background-color: #transparent; color: #464646; }

div.commentsModule { background-color:#transparent; }
div.commentsModule ul.moduleList li { background-color:#9CDE18; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-color:#9CDE18; color:#464646; }
div.commentsModule div.userComment { background-color:#ECECEC; }
div.commentsModule p.datePosted { color:#000000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: #ECECEC; border-right: 1px solid #3D3D3D; }
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

div[class~="module"] { border:none; background-color: #FFFFFF; }

div[class~="moduleTop"],
div[class~="moduleTop"] div,
div[class~="moduleBottom"],
div[class~="moduleBottom"] div { background-color: transparent; background-image: url(); 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 #FFFFFF; margin: 0px 5px; }
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #FFFFFF; margin: 0 5px; }
div[class~="moduleMid2"] { margin: 0 5px; }
div[class~="moduleMid"] { border-left: solid #FFFFFF 1px; }
div[class~="moduleMid1"] { border-right: solid #FFFFFF 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.musicPlayerModule div.moduleTop,
div.musicPlayerModule div.moduleTop div,
div.musicPlayerModule div.moduleMid,
div.musicPlayerModule div.moduleMid1,
div.musicPlayerModule div.moduleBottom,
div.musicPlayerModule div.moduleBottom div { background-image:none; border:0; }

div.videoPlayerModule div.moduleTop,
div.videoPlayerModule div.moduleTop div,
div.videoPlayerModule div.moduleMid,
div.videoPlayerModule div.moduleMid1,
div.videoPlayerModule div.moduleBottom,
div.videoPlayerModule div.moduleBottom div { background-image:none; border:0; }
div.videoPlayerModule div.moduleMid2 { margin: 0; }

div.videoSliderModule div.moduleTop,
div.videoSliderModule div.moduleTop div,
div.videoSliderModule div.moduleMid,
div.videoSliderModule div.moduleMid1,
div.videoSliderModule div.moduleBottom,
div.videoSliderModule div.moduleBottom div { background-image:none; border:0; }
div.videoSliderModule div.moduleMid2 { margin: 0; }
div.musicPlayerModule div.moduleMid2 { margin: 0; }

div.blogsModule,
div.blogsModule div.moduleTop,
div.blogsModule div.moduleTop div,
div.blogsModule div.moduleMid,
div.blogsModule div.moduleMid1,
div.blogsModule div.moduleBottom,
div.blogsModule div.moduleBottom div { background-image:none; border: 0; }

div.blurbsModule,
div.blurbsModule div.moduleTop,
div.blurbsModule div.moduleTop div,
div.blurbsModule div.moduleMid,
div.blurbsModule div.moduleMid1,
div.blurbsModule div.moduleBottom,
div.blurbsModule div.moduleBottom div { background-image:none; border:0; }

.a {top area background color}
div#topnav, div#googlebar, div#header {background-color:#9CDE18;} 
.a {top navigation border color}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav li {border-color:#9CDE18;}
div#topnav {border-top:1px solid transparent; border-bottom:1px solid #000000;}
.a {move over the right nav area to the left}
div#topnav {float:left;}
div#topnav ul#leftNav {border-right:0px;}

.a {subnav code}
div#topnav ul li a,
div#topnav ul#leftNav li a#nav2.open,
div#topnav ul#leftNav li a.open,
div#topnav ul#leftNav li a.open,
div#subnav ul#subNav3 li a,
div#subnav ul#subNav4 li a,
div#subnav ul#subNav10 li a,
div#subnav ul#subNav2 li a {background-color:#9CDE18; color:#FFFFFF;}

.a {subnav hover code}
div#topnav ul li a:hover,
div#topnav ul#leftNav li a#nav2.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#topnav ul#leftNav li a.open:hover,
div#subnav ul#subNav3 li a:hover,
div#subnav ul#subNav4 li a:hover,
div#subnav ul#subNav10 li a:hover,
div#subnav ul#subNav2 li a:hover {background-color:#9CDE18; color:#FFFFFF;}

div.friendSpaceModule li a img {width:50px;}

Cute Dinosaur Cassette Myspace 2.0 Layout

Paste this into your About Me or Interests under Edit Profile.

Paste this into your CSS under Customize Profile.

div.wrap{width:750px;}
body{background-image:url('http://i31.photobucket.com/albums/c364/carrielynne1/1ohmyspace/1_myspace_layouts_v2/cute_layout-2.jpg');}
body {
background-repeat:repeat;
background-position:center;
background-color:#000000;
margin:0;
background-attachment:fixed;
font:11px century gothic, arial;
padding:5px;
font-weight:bold;
color:#808080;
}

h2 {
display:block;
text-transform:uppercase;
font:35px century gothic, arial;
padding:5px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
background-color:#F2639B;
}
blockquote {
text-transform:uppercase;
letter-spacing:1px;
}

p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#000000; }
a:hover { color:#98C200; }
div.contentMid { background-color:transparent; }
span.count { color:#F2639B; }
div.module { border:1px solid #FFFFFF; }
.noborder { border:none; }

h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #FFFFFF; background-color: #F2639B; }
h4 { font-size: 110%; }

div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; }

div.toolbar ul li { border-right: 1px solid #3D3D3D; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; }

div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule { background-color: #DDDDDD; }
div.photo { background-color: #946C39; }
div.profileDemographics { background-color: #946C39; color: #000000; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; }
div.profileStatus,
div.profileMood,
div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.clearfix, div.clearfix * {background-color:transparent !important; border:0px !important;}

div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000000; }
ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid rgb(199,199,199); }

div.interestsModule li { background-color: #08CEF7; color: #000000; }
div.interestsModule li h4 { color: #FFFFFF; }

div.detailsModule li { background-color: #08CEF7; line-height: 0;  color: #000000;}
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

div.schoolsModule li.moduleItem { background-color: #08CEF7; color: #FFFFFF;}

div.networkingModule li.moduleItem { background-color:#08CEF7; color: #FFFFFF;}
div.networkingModule a { font-weight:bold; }

div.companiesModule li.moduleItem { background-color:rgb(147,147,147); color: #FFFFFF;}

div.blogsModule { background-color:#DDDDDD; }
div.blogsModule h3 { background-color: #F2639B; color: #FFFFFF; }
div.blogsModule h4 { background-color: #F2639B; color: #FFFFFF; }
div.blogsModule ul.moduleList { border-top: dotted #3D3D3D 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3D3D3D; }
div.blogsModule ul.moduleList span.date { color: #000000; }

div.blurbsModule { background-color:#transparent; }
div.blurbsModule h3 { background-color: #F2639B; color: #FFFFFF; }
div.blurbsModule h4 { background-color: transparent; color: #000000; }

div.calendarModule { background-color:#transparent; }
div.calendarModule h3 { background-color: #F2639B; color: #FFFFFF; }
div.calendarModule ul.moduleList { border-top: dotted 1px #3D3D3D; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3D3D3D; }

div.friendSpaceModule h3 { background-color: #F2639B; color: #FFFFFF; }
div.friendSpaceModule { background-color: #transparent; color: #464646; }

div.commentsModule { background-color:#transparent; }
div.commentsModule ul.moduleList li { background-color:#F2639B; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-color:#F2639B; color:#464646; }
div.commentsModule div.userComment { background-color:#ECECEC; }
div.commentsModule p.datePosted { color:#000000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: #ECECEC; border-right: 1px solid #3D3D3D; }
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

div[class~="module"] { border:none; background-color: #FFFFFF; }

.a {top area background color}
div#topnav, div#googlebar, div#header {background-color:#F2639B;} 
.a {top navigation border color}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav li {border-color:#F2639B;}
div#topnav {border-top:1px solid transparent; border-bottom:1px solid #000000;}
.a {move over the right nav area to the left}
div#topnav {float:left;}
div#topnav ul#leftNav {border-right:0px;}

div.friendSpaceModule li a img {width:50px;}

Cute Apple Myspace 2.0 Layout

Paste this into your About Me or Interests under Edit Profile.

Paste this into your CSS under Customize Profile.

div.wrap{width:750px;}
body{background-image:url('http://i31.photobucket.com/albums/c364/carrielynne1/1ohmyspace/1_myspace_layouts_v2/cute_layout-3.jpg');}
body {
background-repeat:repeat;
background-position:center;
background-color:#000000;
margin:0;
background-attachment:fixed;
font:11px century gothic, arial;
padding:5px;
font-weight:bold;
color:#808080;
}

h2 {
display:block;
text-transform:uppercase;
font:35px century gothic, arial;
padding:5px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
background-color:#F88194;
}
blockquote {
text-transform:uppercase;
letter-spacing:1px;
}

p{line-height:1.6;}
a,a:hover{text-decoration:none;}
a:link, a:visited { color:#000000; }
a:hover { color:#98C200; }
div.contentMid { background-color:transparent; }
span.count { color:#F88194; }
div.module { border:1px solid #FFFFFF; }
.noborder { border:none; }

h1,h2,h3,h4 { font-weight: bold; }
h3.moduleHead { color: #FFFFFF; background-color: #F88194; }
h4 { font-size: 110%; }

div.musicPlayerModule, div.videoPlayerModule, div.videoSliderModule, div.blogsModule, div.blurbsModule { border: 0px; }

div.toolbar ul li { border-right: 1px solid #3D3D3D; }
div.toolbar ul li.last, div.toolbar ul li.navLabel { border-right: none; }
span.toolbarCount { font-weight: bold; }

div.profileHeaderModule div.moduleHeadTop,
div.profileHeaderModule div.moduleHeadMid,
div.profileHeaderModule div.moduleHeadBottom { display:none; }
div.profileHeaderModule { background-color: #DDDDDD; }
div.photo { background-color: #B5E077; }
div.profileDemographics { background-color: #B5E077; color: #000000; }
div.profileHeaderDetails h2 { font-size: 18px; font-weight:bold; line-height: 1.5em; }
div.profileStatus,
div.profileMood,
div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.clearfix, div.clearfix * {background-color:transparent !important; border:0px !important;}

div.profileFullName { color:#333; font-weight:bold; }
div.profileFullName span { color:#000000; }
ul.profileUserAlbum li { background-color: #FFFFFF; border: 1px solid rgb(199,199,199); }

div.interestsModule li { background-color: #C589BF; color: #000000; }
div.interestsModule li h4 { color: #FFFFFF; }

div.detailsModule li { background-color: #C589BF; line-height: 0;  color: #000000;}
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: bold; color: #FFFFFF; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; }

div.schoolsModule li.moduleItem { background-color: #C589BF; color: #FFFFFF;}

div.networkingModule li.moduleItem { background-color:#C589BF; color: #FFFFFF;}
div.networkingModule a { font-weight:bold; }

div.companiesModule li.moduleItem { background-color:rgb(147,147,147); color: #FFFFFF;}

div.blogsModule { background-color:#DDDDDD; }
div.blogsModule h3 { background-color: #F88194; color: #FFFFFF; }
div.blogsModule h4 { background-color: #F88194; color: #FFFFFF; }
div.blogsModule ul.moduleList { border-top: dotted #3D3D3D 1px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 1px #3D3D3D; }
div.blogsModule ul.moduleList span.date { color: #000000; }

div.blurbsModule { background-color:#transparent; }
div.blurbsModule h3 { background-color: #F88194; color: #FFFFFF; }
div.blurbsModule h4 { background-color: transparent; color: #000000; }

div.calendarModule { background-color:#transparent; }
div.calendarModule h3 { background-color: #F88194; color: #FFFFFF; }
div.calendarModule ul.moduleList { border-top: dotted 1px #3D3D3D; }
div.calendarModule li.moduleItem { border-bottom: dotted 1px #3D3D3D; }

div.friendSpaceModule h3 { background-color: #F88194; color: #FFFFFF; }
div.friendSpaceModule { background-color: #transparent; color: #464646; }

div.commentsModule { background-color:#transparent; }
div.commentsModule ul.moduleList li { background-color:#F88194; }
div.commentsModule a.profileLink,
div.commentsModule p.datePosted { font-weight:bold; }
div.commentsModule h3 { background-color:#F88194; color:#464646; }
div.commentsModule div.userComment { background-color:#ECECEC; }
div.commentsModule p.datePosted { color:#000000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: #ECECEC; border-right: 1px solid #3D3D3D; }
div.commentsModule ul.moduleList li ul.commentsInfo li.last { border-right: none; }

div[class~="module"] { border:none; background-color: #FFFFFF; }

.a {top area background color}
div#topnav, div#googlebar, div#header {background-color:#F88194;} 
.a {top navigation border color}
div#topnav ul#leftNav li,
div#topnav ul#leftNav,
div#topnav ul#rightNav li {border-color:#F88194;}
div#topnav {border-top:1px solid transparent; border-bottom:1px solid #000000;}
.a {move over the right nav area to the left}
div#topnav {float:left;}
div#topnav ul#leftNav {border-right:0px;}

div.friendSpaceModule li a img {width:50px;}

Cute Kawaii Face Myspace 2.0 Layout

Paste this into your About Me or Interests under Edit Profile.

Paste this into your CSS under Customize Profile.

div.wrap{width:750px;}
body{background-image:url('http://i31.photobucket.com/albums/c364/carrielynne1/1ohmyspace/1_myspace_layouts_v2/cute_layout-4.jpg');}
body {
background-repeat:repeat;
background-position:center;
background-color:#000000;
margin:0;
background-attachment:fixed;
font:11px century gothic, arial;
padding:5px;
font-weight:bold;
color:#808080;
}