MySpace Layout

07-22-2008

Urban / Street

Currently 4.09/5
1
2
3
4
5

Rating: 4.1/5 (79 votes cast)

Code
2.0

 <div class='header'><center><img src=http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-head.jpg> </center></div>

<style type="text/css">
.my_lays { Generated at mylays www.mylays.net }

body {
background-color:000000;
background-image:url('http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-bg.jpg');
background-attachment:scroll;
background-repeat:repeat;
background-position:Top Center;
overflow-x:hidden;
margin-top: 333px;
}
div.header {
position: absolute;
top: 0;
left: 50%;
margin-left: -399px;
width: 798px;
height: 333px;}
 
table, tr, td { 
background-color:transparent; 
border:none; 
border-width:0px; } 

table table { border:0px; }

table table table table { 
border:0px; background-image:none; 
background-color:transparent; } 

table.friendSpace a img { 
border: 2px solid;}

table.friendsComments a img {
border: 2px solid;} 
 
table table table { 
background-color:000000;
background-image:url(''); 
background-position:Center Center; 
background-repeat:; 
background-attachment:scroll; 
border-color:101010; 
border-style:Solid; 
border-width:6; }

.contactTable  {
width:300px!important; 
height:150px!important; 
padding:0px!important; 
background-image:url(http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-c.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 a {
display:block; 
height:28px; 
width:115px;
background-color:transparent!important;}

.contactTable .text {
font-size:1px!important;}

.contactTable .text, .contactTable a, .contactTable img {
filter:none!important;
background-color:none!important;} 

.contactTable .whitetext12 {display:none;}

table table table td  {
vertical-align:top !important; }

span.blacktext12 {
color:000000;
visibility:visible !important;
background-color:transparent;
background-image:url(http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-nw.gif);
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px; 
width:437; 
height:570; 
display:block !important; }

span.blacktext12 img {display:none;}

.nametext {
color:FFFFFF; 
font-size:12pt; 
font-family:Tahoma;
text-decoration:; 
font-weight:; 
font-style:; 
text-decoration:;}

.whitetext12, .orangetext15 {
color:FF0000; 
font-size:; 
font-family:; 
font-weight:; 
font-style:;
text-decoration:; 
text-decoration:;}

.lightbluetext8, .redbtext, .btext {
color:919191; 
font-size:; 
font-family:; 
font-weight:; 
font-style:;
text-decoration:; 
text-decoration:;}

.blacktext10 {
color:505050; 
font-size:7pt; 
font-family:Small Fonts; 
font-weight:; 
font-style:;
text-decoration:; 
text-decoration:;}

.table, tr, td, li, p, div, .text, .redtext, .blacktext12 {
color:E4E4E4; 
font-size:9pt; 
font-family:Arial; 
font-weight:; 
font-style:;
text-decoration:; 
text-decoration:;}

a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, 
a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, 
a.redlink:visited, a.redlink:link {
color:FF0000; 
font-size:7pt; 
font-family:Tahoma; 
font-weight:bold; 
font-style:;
text-decoration:; 
text-decoration:;}

a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover {
color:FF0000; 
font-size:7pt; 
font-family:Tahoma; 
font-weight:bold; 
font-style:;
text-decoration:; 
text-decoration:;}

td.text td.text a img {border-color:FF0000;}
 
.friendsComments img {max-width:250px;  _width:90px;}
.friendsComments a img {max-width:250px;  _width:90px;}

table.blurbs td.text span.orangetext15 {
display:block;
background-image:url('http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-aboutme.jpg'); 
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top center;
height:63px;
font-size:1px!important;
letter-spacing:-2px;
color:000000;}


table.friendSpace td.text span.orangetext15 {
display:block;
background-image:url('http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-friends.jpg'); 
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top center;
height:63px;
font-size:1px!important;
letter-spacing:-2px;
color:000000;}


table.friendsComments td.text span.orangetext15 {
color:000000;
display:block;
background-image:url('http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-comments.jpg'); 
background-repeat:no-repeat;
background-attachment:scroll;
background-position:top center;
height:63px;
font-size:1px!important;
letter-spacing:-2px;}

.clearfix table, .clearfix td, .clearfix div{
background-color:transparent!important;}

.clearfix a {
background-color:transparent!important;}

</style>
This layout was created at <a href="http://www.mylays.net">Mylays.net</a>

<a href="http://www.mylays.net" target="_blank"><img src="http://i190.photobucket.com/albums/z110/mylays_album/button.gif" 
style="position:absolute; left:0px; top: 0px;" border="0" z-index:9 !important; ></a>

Code
2.0

CSS Code: Help! - How to install

.my_lays { Generated at mylays.net }

div.wrap {width:788px;}

div.mylays {
position:absolute; 
top: 0px;
left: 0px;
width: 234px;
height: 184px;
z-index:9;} 

body {
background-color:#000000;
background-image:url('http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-bg.jpg');
background-attachment:scroll;
background-repeat:repeat;
background-position:Top Center;
margin-top: 333px;}

div.head {
position: absolute;
top: 0;
left: 50%;
margin-left: -399px;
width: 798px;
height: 333px;}


ul.profileUserAlbum li {background-color:#000000; border: 1px solid #FF0000;}

.profileimagelink {border: 1px solid #FF0000;} 

div#topnav a {color:#FF0000;}
div#header, div#googlebar, div#topnav { background:transparent;}
div#topnav ul { border-right:none;}
div#topnav ul li { border-left:none;}
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:#000000; color:#FF0000;} 

div.contentMid2 {padding:9px;}
div.module{padding:5px;}

h3.moduleHead {
font-weight:bold;
color:#FF0000;
font-family:Arial;
font-size:25px;}

div.moduleBody, div.clear {
text-align:inherit;
color:#E4E4E4; }

div#clear {font-size:8px;}
div#footer  a, div#footer a:visited {color: #FF0000; font-weight:bold; font-size:9px;}

span.msProfileLink a:link,
span.msProfileLink a:visited,
div.moduleBody a {color:#FF0000;}
span.msProfileLink a:hover,
.msProfileLink a:hover .pilDisplayName,
.msProfileLink a .pilDisplayName:hover,
div.moduleBody a:hover {color:#E4E4E4;}

div.column1 { 
background-image:url(http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-nw.gif);
background-repeat:no-repeat; 
background-position:top center; 
width:437px; 
padding-top:570px; } 

div.basicInfoDetails h2 {
color:#FFFFFF; 
font-size:24px; 
font-weight:bold; }

#topnav ul li.dropDown:hover a,#topnav ul li.hover a,#topnav ul li.hover a:hover, 
#topnav ul a:hover {background-color:#000000;color:#FF0000;}
#topnav li.dropDown:hover ul.subMenu a:hover,#topnav li.hover ul.subMenu a:hover{background-color:#000000; color:#E4E4E4;}
#topnav ul li a small,#topnav ul li a:hover small{color:#FF0000;}
#topnav ul.subMenu {border:0px #000000 solid;border-top:none;}
#topnav ul.subMenu li.divider{border-bottom:0px solid #000000;}

p.datePosted, ul.commentsInfo {
font-size:7pt; 
font-weight:normal;
font-family:arial;}

About Me Code: (Layout will not work without "About Me" section code)

<div class='head'><img src=http://i190.photobucket.com/albums/z110/mylays_album/urban_street/whack-rappers-head.jpg></div>
<div class='mylays'>
<a href="http://www.mylays.net" target="_blank"><img src="http://i190.photobucket.com/albums/z110/mylays_album/button.gif"></a>
</div>
I got this layout at <a href="http://www.mylays.net">MyLays.net</a>

how to install 2.0 layouts!
need help installing 2.0 layouts? check out our video tutorial!