Dark on Light Backgrounds 1

These two-color MySpace layouts render dark colored tables on light colored page backgrounds (see Light on Dark Backgrounds if you're looking for the opposite). They feature stylish borders, custom color contact tables and evenly sized columns. There are some more just like this on the next page.

Although these layouts are completely free for you to use on your own MySpace profile, be advised that they are subject to certain TERMS OF USE.

You don't need any HTML or CSS experience to install these layouts. You have only to copy-and-paste the layout code into the 'About Me' section on your 'Edit Profile' screen. If you're still a little hazy on exactly how to do this then check out my step-by-step instructions on how to install the layout.

That's it.

Enjoy!

---

Dark on Light Backgrounds 1 - 01
	<STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: rgb(191,189,156); scrollbar-face-color: 867878; scrollbar-arrow-color: rgb(191,189,156); scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 3px dotted rgb(38,56,48); background-color: rgb(140,138,115); background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: rgb(140,138,115) ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: rgb(140,138,115) ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 14px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: darkslategray; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: 'Franklin Gothic Medium' ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(36,36,28); font-family: 'Franklin Gothic Medium' ! important; font-size: 14px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 14px ! important;} .nametext { display: block; margin-top: 10px; font-size: 14px; width: 100%; line-height: normal; font-weight: bold; color: rgb(36,36,28); } .whitetext12, .btext {color: rgb(36,36,28); font-size: 14px;} td.text .orangetext15 {font-size: 14px ! important; color: rgb(36,36,28);} .btext, .blacktext10, .lightbluetext8 {font-size: 14px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(36,36,28);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 14px;} .FreeStyle {font-size: 14px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_darkslategray.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: darkslategray; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; z-index: 100;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}.msonlinenow img {border: 0px ! important;} div[id=profile_mp3Player] {margin-bottom: 15px;}</STYLE><div class="ispider"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer...">Free MySpace Layouts by Iron Spider</a></div><br><div class="TopCorner"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer..."><img src="http://i42.photobucket.com/albums/e336/lilgiant47/topcorner2.gif" alt="Free MySpace Layouts by Iron Spider"></a></div>
Preview this layout	How to install the layout

---

Dark on Light Backgrounds 1 - 02
	<STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: rgb(250,212,207); scrollbar-face-color: 867878; scrollbar-arrow-color: rgb(250,212,207); scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 3px double rgb(217,51,0); background-color: rgb(250,92,69); background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: rgb(250,110,92) ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: rgb(250,110,92) ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 14px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: peachpuff; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: Georgia ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(36,36,28); font-family: Georgia ! important; font-size: 14px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 14px ! important;} .nametext { display: block; margin-top: 10px; font-size: 14px; width: 100%; line-height: normal; font-weight: bold; color: rgb(36,36,28); } .whitetext12, .btext {color: rgb(36,36,28); font-size: 14px;} td.text .orangetext15 {font-size: 14px ! important; color: rgb(36,36,28);} .btext, .blacktext10, .lightbluetext8 {font-size: 14px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(36,36,28);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 14px;} .FreeStyle {font-size: 14px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_peachpuff.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: peachpuff; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; z-index: 100;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}.msonlinenow img {border: 0px ! important;} div[id=profile_mp3Player] {margin-bottom: 15px;}</STYLE><div class="ispider"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer...">Free MySpace Layouts by Iron Spider</a></div><br><div class="TopCorner"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer..."><img src="http://i42.photobucket.com/albums/e336/lilgiant47/topcorner2.gif" alt="Free MySpace Layouts by Iron Spider"></a></div>
Preview this layout	How to install the layout

---

Dark on Light Backgrounds 1 - 03
	<STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: rgb(209,176,217); scrollbar-face-color: 867878; scrollbar-arrow-color: rgb(209,176,217); scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 5px ridge rgb(247,148,255); background-color: rgb(171,128,184); background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: rgb(255,247,255) ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: rgb(255,247,255) ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 12px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: thistle; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: Arial ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(64,28,84); font-family: Arial ! important; font-size: 12px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 12px ! important;} .nametext { display: block; margin-top: 10px; font-size: 12px; width: 100%; line-height: normal; font-weight: bold; color: rgb(64,28,84); } .whitetext12, .btext {color: rgb(64,28,84); font-size: 12px;} td.text .orangetext15 {font-size: 12px ! important; color: rgb(64,28,84);} .btext, .blacktext10, .lightbluetext8 {font-size: 12px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(64,28,84);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 12px;} .FreeStyle {font-size: 12px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_thistle.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: thistle; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; z-index: 100;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}.msonlinenow img {border: 0px ! important;} div[id=profile_mp3Player] {margin-bottom: 15px;}</STYLE><div class="ispider"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer...">Free MySpace Layouts by Iron Spider</a></div><br><div class="TopCorner"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer..."><img src="http://i42.photobucket.com/albums/e336/lilgiant47/topcorner2.gif" alt="Free MySpace Layouts by Iron Spider"></a></div>
Preview this layout	How to install the layout

---

Dark on Light Backgrounds 1 - 04
	<STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: rgb(179,212,222); scrollbar-face-color: 867878; scrollbar-arrow-color: rgb(179,212,222); scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 5px outset cyan; background-color: rgb(122,173,189); background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: dimgray ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: dimgray ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 12px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: paleturquoise; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: Georgia ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(14,28,28); font-family: Georgia ! important; font-size: 12px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 12px ! important;} .nametext { display: block; margin-top: 10px; font-size: 12px; width: 100%; line-height: normal; font-weight: bold; color: rgb(14,28,28); } .whitetext12, .btext {color: rgb(14,28,28); font-size: 12px;} td.text .orangetext15 {font-size: 12px ! important; color: rgb(14,28,28);} .btext, .blacktext10, .lightbluetext8 {font-size: 12px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(14,28,28);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 12px;} .FreeStyle {font-size: 12px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_paleturquoise.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: paleturquoise; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; z-index: 100;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}.msonlinenow img {border: 0px ! important;} div[id=profile_mp3Player] {margin-bottom: 15px;}</STYLE><div class="ispider"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer...">Free MySpace Layouts by Iron Spider</a></div><br><div class="TopCorner"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer..."><img src="http://i42.photobucket.com/albums/e336/lilgiant47/topcorner2.gif" alt="Free MySpace Layouts by Iron Spider"></a></div>
Preview this layout	How to install the layout

---

Dark on Light Backgrounds 1 - 05
	<STYLE type=text/css> table {border-collapse: separate;} body.bodyContent { background-color: darkgray; scrollbar-face-color: 867878; scrollbar-arrow-color: darkgray; scrollbar-darkshadow-color: black; scrollbar-shadow-color: 282828; scrollbar-highlight-color: c0c0c0; scrollbar-3dlight-color: c0c0c0; } table tbody tr td div, table tbody tr td div div, tr {background-color: transparent;} table, td, img {border: 0px;} img {display: none;} table img {display: inline;} table {background-image: none; background-color: transparent;} table td, table table, table table td, table table table td {background-image: none; background-color: transparent; border: 0px;} table table table table div, table table table table tr {background-color: transparent;} div table {background-image: none; background-color: transparent;} table table table { border: 5px outset silver; background-color: dimgray; background-image: none; } table table table table {border: 0px;} table table table table {margin-left: 0px; border: 0px; background-image: none;} table table table table table {margin-left: 0px; background-image: none;} .whitetext12, .orangetext15, .blacktext12 {display: block; text-align: left;} .whitetext12, .orangetext15 {padding-left: 3px;} .blacktext12 {text-indent: 3px;} table table table table .orangetext15 {padding-left: 0px;} .blacktext12 {margin-top: 15px;} table table table table td {text-align: left;} table table table td {padding-left: 7px;} table table table table td, table table table table table td {padding-left: 0px;} table tbody tr td div div b font {display: block; padding-top: 20px;} table table table .btext {display: block; padding-top: 10px; padding-bottom: 10px;} td.text td.text .orangetext15 {margin-top: 10px;} .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active, table tbody tr td div div, table tbody tr td div div A:link, table tbody tr td div div A:visited, table tbody tr td div div A:hover, table tbody tr td div div A:active {color: dimgray ! important; font-family: arial; font-size: 12px ! important;} td.text div table table td {vertical-align: top;} div table table td.text .whitetext12 {display: block; margin-left: 0px;} span.whitelink {display: block; margin-top: 15px;} td.text div {background-color: transparent;} .dummyClass {color: dimgray ! important} TABLE table tbody tr td div a:link, table table tbody tr td div a:visited, table table tbody tr td div a:hover, table table tbody tr td div a:active {font-size: 14px ! important;} a:link, a:visited, a:hover, a:active, a.redlink:link, a.redlink:visited, a.redlink:hover, a.redlink:active, .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {COLOR: gainsboro; background-image: none; background-color: transparent; font-weight: normal;} table, td, div, span, table table a, font { font-family: 'MS Sans Serif' ! important; line-height: normal ! important; } table table table table td, table table table table td.text, table table table table td span, table table table td a, table table table table td a, .ispider, .lightbluetext8, .text, body, td, li, p, div, li, h1, h2, p, a.searchlinkSmall:link, a.searchlinkSmall:hover, a.searchlinkSmall:visited, a.searchlinkSmall:active, table table table table td b, .blacktext10, font strong { color: rgb(14,28,28); font-family: 'MS Sans Serif' ! important; font-size: 14px ! important; line-height: normal ! important; } .ispider a:link, .ispider a:visited, .ispider a:hover, .ispider a:active {font-size: 14px ! important;} .nametext { display: block; margin-top: 10px; font-size: 14px; width: 100%; line-height: normal; font-weight: bold; color: rgb(14,28,28); } .whitetext12, .btext {color: rgb(14,28,28); font-size: 14px;} td.text .orangetext15 {font-size: 14px ! important; color: rgb(14,28,28);} .btext, .blacktext10, .lightbluetext8 {font-size: 14px;} table table table table td b, table table table table .redtext, b .redtext, .redbtext, .blacktext12 {color: rgb(14,28,28);} table table table table table div strong {font-weight: normal;} .blacktext12 {font-size: 14px;} .FreeStyle {font-size: 14px ! important;} table table table {width: 335px;} table table table .blacktext12 {display: block; width: 340px; margin: 7px 0px 7px 7px; text-align: left;} table table table .btext {display: block; width: 329px; padding-top: 7px; padding-bottom: 20px;}table table table .btext {width: 334px;} table table table table .btext {width: auto;} .contactTable {width: 335px;}.contactTable .whitetext12 {width: 333px;} .contactTable table {width: 310px; margin-right: 25px;} .contactTable table td img {width: 4px;} .contactTable table td.text img {width: 115px; height: 29px;} .contactTable table td {width: 5px;} .contactTable table td.text {width: 130px;} table table table table table {width: 95%;} .blurbs table, .friendSpace table, .friendsComments table {margin-left: 5px;} .blurbs table table, .friendSpace table table, .friendsComments table table {margin-left: 0px;} table table table table table table img {border: 1px solid black; width: 70px;} table table table table table table div img {border: 0px; width: auto; margin-right: 0px;} table table table table table table td div {width: 70px ! important;} table table table table table div strong, table table table table div {font-size: 12px ! important;}.contactTable table {background-image: url(http://i42.photobucket.com/albums/e336/lilgiant47/ct1_arial_gainsboro.gif); background-repeat: no-repeat; margin-bottom: 5px;} .contactTable td.text img {visibility: hidden;} .contactTable table td {padding: 0px 0px 0px 0px;} .contactTable table td.text {text-align: left; height: 30px; padding: 0px 0px 0px 0px; border: 0px;} .contactTable table td.text a:link, .contactTable table td.text a:visited, .contactTable table td.text a:active { display: block; font-size: 12px ! important; line-height: 15px ! important; width: 120px; height: 29px; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border: 1px solid transparent; background: white; } .contactTable table td.text a:hover {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; border: 1px solid black; background: gainsboro; } * html .contactTable table td.text a {width: 130px;}.TopCorner {position: absolute; top: 0px; left: 0px; z-index: 100;}.TopCorner A {display: block;}* html object {margin-left: 5px;}.ispider {text-align: left; margin-top: 15px;}.ImgOnlineNow {width: 80px ! important; border: 0px ! important;}table td br, table table td br {display: none;} table table table td br, table table table table td br, table div br {display: inline ! important;} table table table {margin-top: 15px ! important;} table table table table, table table table table table, td.text table td embed, td.text table td object {margin-top: 0px ! important;} * html object {margin-left: 0px ! important;}* html .userProfileURL table {width: 334px ! important;}table table div object {margin-top: 15px;} table table div {background: transparent ! important;}td, .rail tr, .clearfix table td div ul li a:link, .clearfix table td div ul li a:visited, .clearfix table td div ul li a:hover, .clearfix table td div ul li a:active {background: transparent ! important;} small {display: none;}.msonlinenow img {border: 0px ! important;} div[id=profile_mp3Player] {margin-bottom: 15px;}</STYLE><div class="ispider"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer...">Free MySpace Layouts by Iron Spider</a></div><br><div class="TopCorner"><a href="http://www.ironspider.ca/adv/myspace/" title="Free, high quality, fast-loading MySpace layouts made by a professional web designer..."><img src="http://i42.photobucket.com/albums/e336/lilgiant47/topcorner2.gif" alt="Free MySpace Layouts by Iron Spider"></a></div>
Preview this layout	How to install the layout

---

OTHER GREAT RESOURCES ON THIS SITE:

• MySpace Layouts
• Plain MySpace Layouts
• MySpace Editors

<~ BACK

TOP

NEXT ~>