UrbanSpace

Designer's Comments

Look carefully for specific instructions

Read this before asking questions/commenting!

Comments containing excessively long links that were not renamed in the linking process will break the layout. Images and flash video placed in the comments will be resized properly. Images and videos placed in the interests sections will be resized properly also. Please, do not remove the credits.

The code for the custom online now icon can be found here. The generator for the banner can be located here.

The background image on the screen shot is for aesthetic purposes only. The layout looks different in the preview, but once the code is input on MySpace it will look just like the screen shot depicts. The live preview is not 100% accurate, and there is nothing I can do about that.

Using This Layout

For specific instructions read designer's comments

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

Layout Code

Copy and paste to About Me

Help

{!- make room at bottom of div.profileWidth -!}
div.profileWidth table {margin-bottom:197px !important;}
div.profileWidth table {_margin-right:0.5px; _margin-left:0.5px;}
div.profileWidth:first-child {padding-right:0.5px !important; padding-left:0.5px !important;}
{! apply banner as bkgd image !}
div.profileWidth{width: 801px !important; background-image:url(http://cbimg9.com/layouts/08/11/32433aa.png)!important; background-position:center bottom !important; background-repeat:no-repeat !important;}
{!- reverse -!}
table.rail, .i, .i i.x {display:none;}

body {background-color: A5B591; background-image:url("http://cbimg9.com/layouts/08/11/32433ab.png"); background-position:center; background-repeat:repeat-y; background-attachment:fixed; overflow-x: hidden;}

a:link, a:active, a:visited {color: 594B43; font:11px 'arial', arial, sans-serif; text-decoration: none;}
a:hover {color: 383031; font:11px 'arial', arial, sans-serif; text-decoration: none;}

table, tr, td { background-color:transparent; border:none; border-width:0;}

Matt {Hides: The Title For Apps}
div a span.whitetext12 {
display: none !important;}

Matt {Customizes: The New Nav Bar}
li a.open {background-color: transparent !important;}
div.clearfix li a {color: 304860 !important; background-color: transparent;}
div.clearfix li a:hover {color: 000030 !important; background-color: transparent !important;}

.interestsAndDetails .whitetext12, .contactTable .whitetext12, .userProfileDetail .whitetext12, .userProfileSchool .whitetext12, .blurbs .orangetext15 {display:none;}
span[class="orangetext15"] {display:none}

.nametext {display: none;}
.profileInfo a:link, a:active {color: 594B43; text-decoration: none;}
.profileInfo a:hover {color: 383031; text-decoration: none;}
.profileInfo td * {color: 000000;}
.profileInfo td {padding-bottom:4px}
.profileInfo td td.text {background-image:none;}
.profileInfo a img {width: 135px; position: relative; left: 7px;}
.profileInfo a img {border: 2px solid; border-color: CDD7C0;}
.profileInfo a:hover img {border: 2px solid; border-color: CDD7C0;}
.profileInfo td.text {font:10px 'trebuchet ms', arial, sans-serif;}
.profileInfo b {color:000000 !important; font:10px 'arial', arial, sans-serif;}
.searchMonkey-mood {color:0B2E59 !important; font:10px 'arial', arial, sans-serif;}
.searchMonkey-lastLogin {color:0B2E59 !important; font:10px 'trebuchet ms', arial, sans-serif;}
.profileInfo {position: relative; right: 8px; margin-top: 15px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); background-position:bottom left; background-repeat:no-repeat;}
.profileInfo td.text {background-image:url("http://cbimg9.com/layouts/08/11/32433ad.png"); background-position: top left; height: 43px !important; background-color:transparent; background-repeat: no-repeat;}
.profileInfo table {width:313px; float:left; background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); background-repeat:repeat-y; background-position:top left;}

.contactTable {position: relative; right: 8px; z-index: 2;}
.contactTable td table {margin-top: -1px;_margin-top: -5px;_margin-left: -1px;background-color: transparent;background-image: url(http://cbimg9.com/layouts/08/11/32433af.png);background-position: center;background-repeat: no-repeat;}

.contactTable a {height: 30px;width: 157px;display: block;background-color: transparent;}
.contactTable a img, .contactTable img {border: 0px;display: none;visibility: hidden;}

.contactTable span.whitetext12 {display:block;background-image:url(http://cbimg9.com/layouts/08/11/32433ag.png); width: 313px; height: 44px; background-position:top center; background-repeat:no-repeat; text-indent:-9999px; margin-bottom: -1px;}
.contactTable td td.text {background-image:none;}
.contactTable table {border:0px solid; border-color:6699CC; border-top:0px; }
.contactTable td {height:0px!important; width:0px!important;}

embed, object {position: relative; right: 6px; z-index:9;}
td td td embed, td td td object {position:static; margin-left:0px;}

.userProfileURL {display: none;}

.interestsAndDetails .lightbluetext8 {color: 0B2E59; font:11px 'arial', arial, sans-serif;}
.interestsAndDetails table td {color: 000000; font:11px 'arial', arial, sans-serif;}
.interestsAndDetails a:link, .interestsAndDetails a:active, .interestsAndDetails a:visited {color: 594B43; font:11px 'arial', arial, sans-serif;}
.interestsAndDetails a:hover {color: 383031; font:11px 'arial', arial, sans-serif; text-decoration: none;}
.interestsAndDetails object, table.interestsAndDetails embed, table.interestsAndDetails img {width:185px; height:149px;} 
.interestsAndDetails .whitetext12 {background-image:url(http://cbimg9.com/layouts/08/11/32433ah.png)!important; width:313px; height:47px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; text-indent: -9999px; display:block;}
.interestsAndDetails table {background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; overflow-x:hidden!important;}
.interestsAndDetails{position: relative; right: 8px; margin-top: -15px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); height:8px; background-position:bottom left; background-repeat:no-repeat;}

.lightbluetext8 {text-align: left; display: block;}
.userProfileDetail tbody tr td {color: 000000; font:11px 'arial', arial, sans-serif;}
.userProfileDetail .lightbluetext8 {color: 0B2E59; font:11px 'arial', arial, sans-serif;}
.userProfileDetail .whitetext12 {background-image:url(http://cbimg9.com/layouts/08/11/32433ai.png)!important; width:313px; height:47px; background-position:top left; background-repeat:no-repeat; color:ffffff; display:block; font-size:0px; color: A5B591; text-indent: -9999px;}
.userProfileDetail table {background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px; margin-top:0px;}
.userProfileDetail {position: relative; right: 8px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); height:8px; background-position:bottom left; background-repeat:no-repeat;}

.userProfileSchool table td {color:000000; font:11px 'arial', arial, sans-serif;}
.userProfileSchool tbody tr td a {color: 594B43; font:11px 'arial', arial, sans-serif; text-decoration: none;}
.userProfileSchool tbody tr td a:hover {color: 383031; font:11px 'arial', arial, sans-serif;}
.userProfileSchool .whitetext12 {background-image:url(http://cbimg9.com/layouts/08/11/32433aj.png)!important; width:313px; height:47px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;}
.userProfileSchool table {background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;}
.userProfileSchool {position: relative; right: 8px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); height:8px; background-position:bottom left; background-repeat:no-repeat;}

.userProfileNetworking .text {color:000000; font:11px 'arial', arial, sans-serif;}
.userProfileNetworking tbody tr td a {color: 594B43; font:11px 'arial', arial, sans-serif; text-decoration: none;}
.userProfileNetworking tbody tr td a:hover {color: 383031; font:11px 'arial', arial, sans-serif;}
.userProfileNetworking .whitetext12 {background-image:url(http://cbimg9.com/layouts/08/11/32433ak.png)!important; width:313px; height:47px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;}
.userProfileNetworking table {background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;}
.userProfileNetworking {position: relative; right: 8px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); height:8px; background-position:bottom left; background-repeat:no-repeat;}

.userProfileCompany .text {color:000000; font:11px 'arial', arial, sans-serif;}
.userProfileCompany table td {color:FFFFFF; font:11px 'arial', arial, sans-serif; padding-left:10px; padding-right:10px!important;}
.userProfileCompany .whitetext12 {background-image:url(http://cbimg9.com/layouts/08/11/32433al.png)!important; width:313px; height:47px; background-position:top left; background-repeat:no-repeat; font-size:0px; color:A5B591; display:block; text-indent: -9999px;}
.userProfileCompany table {background-image:url(http://cbimg9.com/layouts/08/11/32433ae.png); height:auto; width:313px!important; background-position:bottom left; background-repeat:repeat-y; margin-bottom:5px;}
.userProfileCompany {position: relative; right: 10px; background-image:url(http://cbimg9.com/layouts/08/11/32433ac.png); height:8px; background-position:bottom left; background-repeat:no-repeat;}

.extendedNetwork {height: 81px;position: relative; right: 8px; _right: 4px; background-image: url(http://cbimg9.com/layouts/08/11/32433am.png);background-repeat: no-repeat; margin-bottom: -14px; margin-top: 2px;}
.searchMonkey-standardUserStatus {margin-top: 34px; display: block; color: 000000 !important; font: 11px'arial', arial, sans-serif !important; text-align: left; padding: 5px;}

.latestBlogEntry {position: relative; right: 8px; _right: 4px; border-collapse:collapse !important; margin-top:30px; _margin-top: 35px !important; background-image:url(http://cbimg9.com/layouts/08/11/32433an.png); background-position:bottom left; _background-position:1px bottom; background-repeat:no-repeat;}
.latestBlogEntry .btext {display:block; width: 435px; height:47px; position:relative; left:-2px; top:-3px; background-image:url(http://cbimg9.com/layouts/08/11/32433ao.png); 
background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}

.latestBlogEntry br {line-height:6px;}
.latestBlogEntry td {height:1px!important;}
.latestBlogEntry span.text {color: 0B2E59 !important;}
table[class="latestBlogEntry"] .btext {top:0px;left:0px;}
.latestBlogEntry td {padding-bottom:5px; line-height:14px;}
table.latestBlogEntry span.text {color: 000000; margin-left: 5px;}
.latestBlogEntry br, .latestBlogEntry .text br{display:none!important;}
table.latestBlogEntry span.text, table.latestBlogEntry td {color:000000;}
table.latestBlogEntry span.text {display:block; float:left; width:340px;}

table.blurbs span.text {margin-top: -10px; display: block;}
table.blurbs td.text {font-size: 0px; text-indent: -9999px;}
.blurbs span.text {color:000000; font:11px 'arial', arial, sans-serif;}
.blurbs .orangetext15 {font:11px 'arial', arial, sans-serif; text-transform: capitalize;}
table.blurbs td td span.orangetext15 {color: 0B2E59; display: block; margin-top: -5px !important;}

.blurbs td.text span.orangetext15 {background-image:url(http://cbimg9.com/layouts/08/11/32433ap.png); width: 435px; height:47px!important; background-repeat:no-repeat; background-position:bottom left; display:block;}
.blurbs table {background-image:url(http://cbimg9.com/layouts/08/11/32433aq.png); height:auto; margin-bottom:5px; background-position:bottom left; background-repeat:repeat-y;}
.blurbs {position: relative; right: 8px; _right: 4px; margin-top: 15px; background-image:url(http://cbimg9.com/layouts/08/11/32433ar.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom:0px; display:block;}

.friendSpace {position: relative; right: 8px; _right: 4px; margin-top:15px; margin-bottom:0px; background-image:url(http://cbimg9.com/layouts/08/11/32433ar.png); background-position:bottom left; background-repeat:no-repeat;} 
.friendSpace table span.orangetext15 {display:block; height:47px; margin-top:-13px; background-image:url(http://cbimg9.com/layouts/08/11/32433as.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px;}
.friendSpace table {background-image:url(http://cbimg9.com/layouts/08/11/32433aq.png); background-position:top left; background-repeat:repeat-y;}

.friendSpace td.text {padding-bottom:8px}
.friendSpace table table {background-image:none;}
.friendSpace table table td {padding-bottom:10px; padding-top:10px;}

.friendSpace a img {margin-top: -28px;}
.friendSpace td td td a img {border: 2px solid; border-color: CDD7C0;}
.friendSpace td td td a:hover img {border: 2px solid; border-color: CDD7C0;}

.friendSpace a:link, .friendSpace a:active, .friendSpace a:visited {color: 594B43; font:11px 'arial', arial, sans-serif; text-decoration: none; text-transform: uppercase;}
.friendSpace a:hover {color: 383031; font:11px 'arial', arial, sans-serif; text-decoration: none;}

table.friendSpace td {padding:0px;}
table.friendSpace td.text div {display:none;}
table.friendSpace .btext {display: none !important;}
table.friendSpace td.text td br {line-height:0px;}
table.friendSpace span.btext {text-align:center;}
table.friendSpace td.text div {text-align:center;}
table.friendSpace td.text td td {line-height:0px;}
table.friendSpace td.text td td a img {visibility:visible;}
.friendspace table {background-color:transparent; border:0px;}
table.friendSpace td.text td td a img {width:80px; height:70px;}
table.friendSpace td.text td td a {visibility:hidden; font-size:0px;}

.friendsComments .commentlinks a:link {color: 033649 !important; font: 10px 'arial', arial, sans-serif !important;}
.friendsComments .commentlinks a:hover {color: 033649 !important; font: 10px 'arial', arial, sans-serif !important; text-decoration: underline;}
.friendsComments td.text {padding-bottom: 10px}
table.friendsComments td.text td b {display:none;}

.katamari replace pic generator {http://abrax.us/Katamari/ReplacePicGen.php }
table.friendsComments td.text td a {display:block; margin-top: 5px; margin-bottom: 6px; background-image:url(http://cbimg9.com/layouts/08/11/32433at.gif); background-repeat:no-repeat; height:36px; background-position:center center; font-size:0px!important; _color: A5B591 !important;}

table.friendsComments td.text td td a, table.friendsComments td.text td b a {display:inline; background-image:none; letter-spacing:0px; font-size:11px!important;}
table.friendsComments td.text td td a {visibility:hidden;}
table.friendsComments td.text td.columnsWidening a {visibility:visible !important;}
table.friendsComments td.text td td a img {visibility:visible;}
table.friendsComments td.text td.columnsWidening embed, table.friendsComments td.text td.columnsWidening object {width:260px; height:213px;}
table.friendsComments td.text td.columnsWidening img {width:260px;}

.friendsComments {position: relative; right: 8px; _right: 4px; width: 435px; margin-top:15px; margin-bottom:-10px; background-image:url(http://cbimg9.com/layouts/08/11/32433ar.png); background-position:bottom left; background-repeat:no-repeat; margin-bottom: 15px;} 
.friendsComments table span.orangetext15 {width: 435px; display:block; height:47px; background-image:url(http://cbimg9.com/layouts/08/11/32433au.png); background-position:top left; background-repeat:no-repeat; text-indent:-9999px;}
.friendsComments table {margin-bottom: -3px; width: 429px; background-image:url(http://cbimg9.com/layouts/08/11/32433aq.png); background-position:top left; background-repeat:repeat-y;}
.friendsComments .commentlinks {text-transform: uppercase; font:11px 'arial', arial, sans-serif; font:11px 'arial',arial,sans-serif;}
.friendsComments .blacktext10 {color: C4C389; display: none; text-align: right; text-transform: uppercase; font:11px 'arial',arial,sans-serif;}
.friendsComments td.columnsWidening {color: 000000; font:11px 'arial', arial, sans-serif; width: 375px; padding-bottom: 6px !important;}
td.columnsWidening {background-image:url(); height:auto; background-position:bottom left; background-repeat:repeat-y;}

.bodyContent td div div {color:CDD7C0;}
.bodyContent table div br {line-height:5px;}
.bodyContent td div div a {font:11px 'arial', arial, sans-serif;}
.bodyContent td div font {color:000000; margin-bottom: 15px; display: block; font:11px 'arial', arial, sans-serif;}

img {
border: 0;
filter:alpha(opacity=95); 
-moz-opacity: 0.95; 
opacity: 0.95;}

img:hover{
filter:alpha(opacity=95); 
-moz-opacity: 0.95; 
opacity: 0.95;}

Matt {Removes: Outline From Image Links}
a:active {outline: none;}
:focus{-moz-outline-style: none;}

{! color top menu !}
div.profileWidth table td, i i i.x {background-color: A5B591 !important;}
{! color search area and behind ad different than top menu !}
div.profileWidth div {background-color: CDD7C0 !important}
{! color link font in top menu !}
div.profileWidth div ul li a {font-family:comic sans ms; font-size:11px; font-weight:bold; color: 304860 !important}
{! link hover color !}
div.profileWidth div ul li a:hover {color: 000030 !important; background-color: A5B591 !important; display:block}
{! remove shadow in google search area !}
div.profileWidth div.clearfix, .i i i {background-image:none !important;}

.interestsAndDetails textarea, .blurbs textarea {background-color: A5B591; border-style: double; border-width: 3px; border-color: CDD7C0; padding: 3px 0px 3px 3px; overflow: hidden; font:11px 'arial', arial, sans-serif;}

.interestsAndDetails input, .blurbs input {background-color: A5B591; border-style: double; border-width: 3px; border-color: CDD7C0; padding: 0px 4px 0px 4px; overflow: hidden; font:11px 'arial', arial, sans-serif;}

!-Custom OnLine Now Icon
!-Solution Source:  MySpace Code -!
!-Solution Optimized for 80x20 icon. You WILL need to adjust size, clip and margin values for other icon sizes-!
 
{!-apply background image; replace with url of your image -!}
img.ImgOnlineNow {background-image:url(http://cbimg9.com/layouts/08/11/32433av.gif); background-repeat: no-repeat;}
img.ImgOnlineNow {height:0px !important; width:0px !important; padding-top:20px; padding-right:80px; background-position: center center;}

table.friendSpace img.ImgOnlineNow {}
table.friendsComments img.ImgOnlineNow {margin-top:0px !important; _margin-top: 0px !important; margin-left:0px;}

{!-IE solution -!}
{!-All Rights to this Solution Reserved. You may use it. You may NOT publish it.}
* html img.ImgOnlineNow {padding-top:0px; padding-right:0px;}
* html img.ImgOnlineNow {width:105px !important; height:52px !important;}
* html img.ImgOnlineNow {background-position:top right;}

{!-The margin values may need adjustment-!}
* html img.ImgOnlineNow {position:absolute; margin-top: -3px !important; margin-left:-25px!important;}
* html table.friendsComments img.ImgOnlineNow {margin-top: -5px !important; margin-left:-65px !important;}
* html table.friendSpace img.ImgOnlineNow {margin-top: 5px !important; margin-left:-52px !important;}
* html img.ImgOnlineNow {clip: rect(0px, 105px, 21px, 26px)}

{!- Browser Hacks -!}
.friendSpace a img {_margin-top: -26px; _left: 10px; position: relative !important; z-index: 9 !important; _margin-left: 5px; display: block;}
.profileInfo {_margin-top: 28px;}
.latestBlogEntry, .contactTable, .blurbs,
.friendSpace, .friendsComments {_margin-top:20px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.friendSpace a img {margin-top: 0px;}
table.friendsComments td.text td a {font-size:0px!important; color: A5B591;}
.contactTable td table {margin-left: -1px;}
}

@media all and (min-width: 0px){
table table td.text table td.text table table table {background-image:url(); width: 85px; height:135px; background-position:top left; background-repeat:no-repeat!important; display:block;}
}

</style>

<span class="orangetext15" style="display:block; padding:6px 0px 6px 0px;">Designed By: <a href="http://www.myspace.com/itsmattadams">Matt</a></span>