Heart Myspace Layouts

Oh Really is constantly adding new layouts for you to use on your myspace! Every layout has a regular code and a skinny code. Skinny layouts are thinner than regular layouts. When you find the style you like, copy and paste the code in the textbox into your 'About Me' section of myspace!

Would you like to see a layout with your favorite colors?

Page 1

Pink and Grey Hearts

Skinny Layout Code
Preview This Layout
Get the Code:

background-image: url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts1.gif); 
background-attachment:fixed; background-position: top left; background-repeat:repeat; background-color:ffffff;
}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-left: 2px dotted; 
border-left-color: 404040; 
border-right: 2px dotted; 
border-right-color: 404040; 
border-top: 2px dotted; 
border-top-color:404040; 
border-bottom: 2px dotted; 
border-bottom-color:404040; 
background-color: ffffff; 
}
td.text td.text a img { border:0px;}
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { filter:fliph; }

.nametext 
{ font-family:century gothic; color:404040;background-color:EE0C91;font-weight: normal;text-align:left; font-size:27pt;letter-spacing:-4px;line-height:15px; text-transform:lowercase; display: block; } 
table, tr, td, li, p, div, .text 
{font-family:century gothic; font-size:12px; letter-spacing: 0pt; color:404040; text-transform: lowercase; font-weight: normal; line-height: 12px;} 
.btext 
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: bold;} 
.redtext, .redbtext
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal;} 
strong 
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: bold;} 
.lightbluetext8 
{ font-family:century gothic; font-size:12px; color:404040; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946;  padding-left:2px; }
.blacktext10
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal; background-color:; border:0px solid; border-color:ee4585; display:block; padding-left:2px; }
.whitetext12
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal; background-color:; border: 0px solid; border-color:b6a400;  } 
.orangetext15
{ font-family:century gothic; font-size:12px; color:404040; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946;  } 
.blacktext12
{ font-family:century gothic; font-size:12px; color:404040; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946; display:block;  } 
table table table {height:15px;}
a:active, a:visited, a:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:404040; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91; }

a.navbar:active, a.navbar:visited, a.navbar:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:404040; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91;  }

a.redlink:active, a.redlink:visited, a.redlink:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:404040; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91;}

a.commentlinks:active, a.commentlinks:visited, a.commentlinks:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:404040; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91;  }

input, textarea {
       color:404040;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 1px solid;
	border-color: 404040;
}

table, td {padding: 0px; width:300px;  text-transform: lowercase;}
table table {padding: 0px; text-transform: lowercase;}
table table table table {padding: 0px; text-transform: lowercase;}
table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table table table {padding: 0px;  text-transform: lowercase;}
table table table table {border: 0px;  padding: 0px;} 
table table table table table {border: 0px;  padding: 0px;} 
table table table table table table {border: 0px;  padding: 2px; width:.01px;}
tr {background-color:transparent;}
table {background-color:transparent;border:0px none;}
table table{border:0px;}
table table table table{border:0px;}
td {background-color:transparent;border:0px none;}
table table table {
background-color: ffffff;}
td td {}
td td td {}
td td td td { width: .01%;}
}

td.text td.text table table table td div img {width:70px;}td.text td.text table table td div img{width:70px;}td.text td.text table table table td a img {width:70px;}html td.text td.text table table td img {width:70px;}

</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts1ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Regular Layout Code
Preview This Layout
Get the Code:

input, textarea {
       color:404040;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 1px solid;
	border-color: 404040;
}
</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts1ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Blue and Black Hearts

Skinny Layout Code
Preview This Layout
Get the Code:

background-image: url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts2.gif); 
background-attachment:fixed; background-position: top left; background-repeat:repeat; background-color:ffffff;
}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-left: 2px solid; 
border-left-color: 000000; 
border-right: 2px solid; 
border-right-color: 000000; 
border-top: 2px solid; 
border-top-color:000000; 
border-bottom: 2px solid; 
border-bottom-color:000000; 
background-color: ffffff; 
}
td.text td.text a img { border:0px;}
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { filter:fliph; }

.nametext 
{ font-family:century gothic; color:000000;background-color:0CACEE;font-weight: normal;text-align:left; font-size:27pt;letter-spacing:-4px;line-height:15px; text-transform:lowercase; display: block; } 
table, tr, td, li, p, div, .text 
{font-family:century gothic; font-size:12px; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; line-height: 12px;} 
.btext 
{ font-family:century gothic; font-size:12px; color:0CACEE; text-transform: lowercase; font-weight: bold;} 
.redtext, .redbtext
{ font-family:century gothic; font-size:12px; color:0CACEE; text-transform: lowercase; font-weight: normal;} 
strong 
{ font-family:century gothic; font-size:12px; color:0CACEE; text-transform: lowercase; font-weight: bold;} 
.lightbluetext8 
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:0CACEE; border:0px solid; border-color:b71946;  padding-left:2px; }
.blacktext10
{ font-family:century gothic; font-size:12px; color:0CACEE; text-transform: lowercase; font-weight: normal; background-color:; border:0px solid; border-color:ee4585; display:block; padding-left:2px; }
.whitetext12
{ font-family:century gothic; font-size:12px; color:0CACEE; text-transform: lowercase; font-weight: normal; background-color:; border: 0px solid; border-color:b6a400;  } 
.orangetext15
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:0CACEE; border:0px solid; border-color:b71946;  } 
.blacktext12
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:0CACEE; border:0px solid; border-color:b71946; display:block;   } 
table table table {height:15px;}
a:active, a:visited, a:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:0CACEE; }

a.navbar:active, a.navbar:visited, a.navbar:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:0CACEE; }

a.redlink:active, a.redlink:visited, a.redlink:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:0CACEE;}

a.commentlinks:active, a.commentlinks:visited, a.commentlinks:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:0CACEE;}

input, textarea {
       color:000000;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 2px solid;
	border-color: 000000;
}

</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts2ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Regular Layout Code
Preview This Layout
Get the Code:

a.commentlinks:active, a.commentlinks:visited, a.commentlinks:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:0CACEE;}

input, textarea {
       color:000000;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 2px solid;
	border-color: 000000;
}
</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts2ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Pink and Black Hearts

Skinny Layout Code
Preview This Layout
Get the Code:

background-image: url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts3.gif); 
background-attachment:fixed; background-position: top left; background-repeat:repeat; background-color:ffffff;
}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table { border: 0px }
table table table table{border:0px}
table table table {
border-left: 2px solid; 
border-left-color: 000000; 
border-right: 2px solid; 
border-right-color: 000000; 
border-top: 2px solid; 
border-top-color:000000; 
border-bottom: 2px solid; 
border-bottom-color:000000; 
background-color: ffffff; 
}
td.text td.text a img { border:0px;}
img { opacity:1;filter:alpha(opacity=100) }
a:hover img { filter:fliph; }

.nametext 
{ font-family:century gothic; color:000000;background-color:EE0C91;font-weight: normal;text-align:left; font-size:27pt;letter-spacing:-4px;line-height:15px; text-transform:lowercase; display: block; } 
table, tr, td, li, p, div, .text 
{font-family:century gothic; font-size:12px; letter-spacing: 0pt; color:000000; text-transform: lowercase; font-weight: normal; line-height: 12px;} 
.btext 
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: bold;} 
.redtext, .redbtext
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal;} 
strong 
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: bold;} 
.lightbluetext8 
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946;  padding-left:2px; }
.blacktext10
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal; background-color:; border:0px solid; border-color:ee4585; display:block; padding-left:2px; }
.whitetext12
{ font-family:century gothic; font-size:12px; color:EE0C91; text-transform: lowercase; font-weight: normal; background-color:; border: 0px solid; border-color:b6a400;  } 
.orangetext15
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946;  } 
.blacktext12
{ font-family:century gothic; font-size:12px; color:000000; text-transform: lowercase; font-weight: bold; background-color:EE0C91; border:0px solid; border-color:b71946; display:block;   } 
table table table {height:15px;}
a:active, a:visited, a:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91; }

a.commentlinks:active, a.commentlinks:visited, a.commentlinks:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91;}

input, textarea {
       color:000000;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 2px solid;
	border-color: 000000;
}

</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts3ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Regular Layout Code
Preview This Layout
Get the Code:

a.commentlinks:active, a.commentlinks:visited, a.commentlinks:link 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:000000; } 
a:hover 
{ text-decoration:none; font-family:century gothic; font-size:12px; text-transform: none; color:EE0C91;}

input, textarea {
       color:000000;
       background:ffffff;
       font-size: 12px;
       font-family: century gothic;
       border: 2px solid;
	border-color: 000000;
}
</style>
<style type="text/css">
.contactTable {
width:300px; height:160px; padding:0px;
background-image:url(http://i249.photobucket.com/albums/gg217/newohreally/layouts/hearts/hearts3ct.gif);
background-attachment:scroll; background-position:justify justify;
background-repeat:no-repeat; background-color:ffffff;}
.contactTable table, table.contactTable td { padding:0px;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px;}
.contactTable a {display:block; height:28px; width:118px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none;}
.contactTable .whitetext12 {display:none;}
</style>
<div style="position:absolute; top:5; right:5"><a href="http://oh-really.org" target="_blank">HTTP://OH-REALLY.ORG (layouts and more!)</a></div>

Page 1