Emo Hearts Myspace Layouts

Emo is where the heart is. Show your love of <3's on your myspace!

These layouts consist mostly of emo hearts and graphics that are heart related. Heart's aren't your thing? Go here to see our full list of emo myspace layouts. If you want to submit your own layout on this page, email flowmo[at]emobucket.com

The Heart Layouts

See a layout that you like? Click the box next to the layout to select the code. Take this code and paste it at the end of your "about me" section on myspace!

Featured Layout - "Love in your Heart"

Blue animated hearts in the background, with black content tables. heart reads "Love wasn't put in your heart to stay, Love isn't love until you give it away"

The Code:

{ Created using FreeCodeSource.com Profile Editor }

{ Contact Table }
 .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url('http://layoutsduh.com/myspace-layouts/images/layouts/1193540213-509-0.gif'); 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;}
 .contactTable .text {font-size:1px!important;}
 .contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

{ Extended Network Banner }
 table table table td {vertical-align:top ! important;}
 span.blacktext12 {
	visibility:visible !important;
	background-color:transparent;
	background-image:url('http://layoutsduh.com/myspace-layouts/images/layouts/1193540213-509-1.gif');
	background-repeat:no-repeat;
	background-position:center center;
	font-size:0px; letter-spacing:-0.5px;
	width:435px; height:300px; display:block !important; }
 span.blacktext12 img {display:none;}

{ Background Properties }
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
	background-color:FFFFFF;
	background-image:url('http://layoutsduh.com/myspace-layouts/images/layouts/1193540213-509-2.gif');
	background-attachment:fixed;
	background-position:top center;
	background-repeat:repeat;
	border-top-width:7px;
	border-bottom-width:7px;
	border-left-width:7px;
	border-right-width:7px;
	border-color:000000;
	border-style:solid;
	padding-left:0px;
	padding-right:0px;
 }

.FreeCodeSource.com { Table Properties }
 table table { border: 0px }
 table table table table{border:0px}
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 table table table {
	border-style:dashed;
	border-width:5;
	border-color:FFFFFF;
	background-color:;
	background-image:url('http://layoutsduh.com/myspace-layouts/images/layouts/1193540213-509-3.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:top left;
 }
 table table table table td {filter:none;}

{ Text Properties }
 table, tr, td, li, p, div {color:FFFFFF !important; }
 .btext, .orangetext15, .nametext, .whitetext12 {color:FFFFFF !important; font-weight:bold; font-style:normal; }
 .blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {color:FFFFFF !important; font-weight:bold; font-style:normal; }

{ Link Properties }
 a:active, a:visited, a:link {color:FFFFFF !important; font-weight:normal; font-style:normal; }
 a:hover {color:FFFFFF !important; font-weight:normal; font-style:normal; }

{ Tweaks }

</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
         #tkn_leaderboard{visibility:visible !important; display:inline !important;}
        body TABLE TD DIV#header_gae {     VISIBILITY: visible !important;}
        
        body DIV DIV select#profileaction{VISIBILITY: visible !important; display:inline !important; position:static; WIDTH: 125px;}
        body DIV DIV DIV#profilelinks{ VISIBILITY: visible !important; display:inline !important; position:static; padding-right:15px; }
        
        body DIV TABLE TD DIV#googlebar 
        {
            VISIBILITY: visible !important;            
            display:block !important;
            position:relative;
            z-index:1000;
        }
       
         body DIV DIV form #q,
         body DIV DIV form #t,
         body DIV DIV form #submitBtn,
         body DIV DIV form #imgGoogle         
        {
            VISIBILITY: visible !important; 
            display:inline !important; 
            position:static;
        }

</style><style type="text/css">
		body, html {visibility:visible !important; display:block !important}
	</style>                    
							  
<br><br><a href="http://www.emobucket.com" target="_blank">I [heart] Emobucket</a><br>

More Heart Layouts

Graffiti Hearts

Awesome layout with a unique graffiti heart background

form>img#googleTLogo
{
	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
	background-repeat: no-repeat;
}

#googleTLogo
{
	vertical-align:bottom;
	width:120px;
	height:30px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

</style><style type="text/css">
#browseMain td {text-align:left;}
</style><style type="text/css">
#browseMain td {text-align:left;}
</style><style type="text/css">
body {
background-color:color;
background-image: url("http://layoutsduh.com/myspace-layouts/images/layouts/1191895647-176-1.gif");
background-attachment: fixed;
}

table, tr, td{background-color:transparent;;

border:0px;; 
padding:2;} 
table table{border:0px;} 
table table table {border:6px solid;; 
border-color:black;; 
padding:2;; 
background-color:ff0066;} 
table table table table{border:0px;} 
table, td, p, span, li, strong, div{color:black;}

.whitetext12 {color: black; font-family: Comic Sans Ms; size: 14}
.lightbluetext8 {color: black; font-family: Comic Sans Ms; size: 14}
.blacktext12 {color: black; font-family: Comic Sans Ms; size: 14}
.btext {color: black}
.blacktext10 {color:black; font-family: Comic Sans Ms; size: 14}
.text {color: black}
.orangetext15 {color:black; font-family: Comic Sans Ms; size: 14}
.nametext {color:black; font-family: Comic Sans Ms; size: 14}
.redbtext{color: black}
A:link {color:000099; font-family: Comic Sans Ms; size: 14}
A:visited {color: 000099; font-family: Comic Sans Ms; size: 14}
A:active {color: ffffcc; font-family: Comic Sans Ms; size: 14}
A:hover {color: ffffcc; font-family: Comic Sans Ms; size:14}
a.navbar {color: ffccff; font-family: Comic Sans Ms; size: 14}
a.navbar:link{color:000099}
a.navbar:active {color: ffffcc; font-family: Comic Sans Ms; size: 14}
a.navbar:visited{color: 000099}
a.navbar:hover {color: 000099; font-family: Comic Sans Ms; size: 14}
a.redlink:link {color: 000099; font-family: Comic Sans Ms; size: 14}
a.redlink:active {color: ffffcc; font-family: Comic Sans Ms; size: 14}
a.redlink:visited {color: 000099; font-family: Comic Sans Ms; size: 14}
a.redlink:hover {color: 000099; font-family: Comic Sans Ms; size: 14}
a.searchlinksmall {color: 000099; font-family: Comic Sans Ms; size: 12}
a.searchlinksmall:link {color: 000099; font-family: Comic Sans Ms; size: 12}
a.searchlinksmall:active {color: ffffcc; font-family: Comic Sans Ms; size: 12}
a.searchlinksmall:visited {color: 000099; font-family: Comic Sans Ms; size: 12}
a.searchlinksmall:hover {color: 000099; font-family: Comic Sans Ms; size: 12}
</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
		body, html {visibility:visible !important; display:block !important}
	</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
		body, html {visibility:visible !important; display:block !important}
	</style>                    
							  
                      							  
<br /><br /><a href="http://www.emobucket.com" target="_blank">I [heart] Emobucket</a><br />

Colorful Graffiti Hearts

Similar to the layout above, but with differn't hearts and bright colors mixed in!

form>img#googleTLogo
{
	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
	background-repeat: no-repeat;
}

</style><style type="text/css">
#browseMain td {text-align:left;}
</style><style type="text/css">

{ Created using MyGirlySpace.com Profile Editor }

{ Contact Table }
 .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url('http://www.layoutsduh.com/myspace-layouts/images/layouts/1188271328-632-1.gif'); 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;}
 .contactTable .text {font-size:1px!important;}
 .contactTable .text, .contactTable a, .contactTable img {filter:none!important;}

{ Extended Network Banner }
 table table table td {vertical-align:top ! important;}
 span.blacktext12 {
	visibility:visible !important;
	background-color:transparent;
	background-image:url('http://www.layoutsduh.com/myspace-layouts/images/layouts/1188271328-632-2.gif');
	background-repeat:no-repeat;
	background-position:center center;
	font-size:0px; letter-spacing:-0.5px;
	width:435px; height:475px; display:block !important; }
 span.blacktext12 img {display:none;}

{ Background Properties }
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
	background-color:none;
	background-image:url('http://www.layoutsduh.com/myspace-layouts/images/layouts/1188271328-632-3.gif');
	background-attachment:fixed;
	background-position:top center;
	background-repeat:repeat;
	border-top-width:px;
	border-bottom-width:px;
	border-left-width:px;
	border-right-width:px;
	border-color:000000;
	border-style:solid;
	padding-left:0px;
	padding-right:0px;
 }

.MyGirlySpace.com { Table Properties }
 table table { border: 0px }
 table table table table{border:0px}
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 table table table {
	border-style:solid;
	border-width:3;
	border-color:000000;
	background-color:FF0066;
	background-image:url('http://www.layoutsduh.com/myspace-layouts/images/layouts/1188271328-632-4.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center right;
 }
 table table table table td {filter:none;}

{ Text Properties }
 table, tr, td, li, p, div {font-size:10px !important; color:009900 !important; }
 .btext, .orangetext15, .nametext, .whitetext12 {font-size:11px !important; color:CCCC33 !important; font-weight:bold; font-style:normal; }
 .blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-size:10px !important; color:000000 !important; font-weight:normal; font-style:normal; }

{ Link Properties }
 a:active, a:visited, a:link {color:FF9933 !important; font-weight:normal; font-style:normal; }
 a:hover {color:FF9933 !important; font-weight:normal; font-style:normal; }

{ Tweaks }

</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
		body, html {visibility:visible !important; display:block !important}
	</style>                    
                      
							  
                      							  
<br /><br /><a href="http://www.emobucket.com" target="_blank">I [heart] Emobucket</a><br />

Plaid / Red Stripes / Hearts layout

Cool plaid effect in the background with red and white stripes

form>img#googleTLogo
{
	background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
	background-repeat: no-repeat;
}

</style><style type="text/css">.bbzs1 {content:"Body Properties";}body {  background-color:f2dad2;  background-image:url('http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-1.gif');  background-position:bottom left;  background-repeat:repeat;  background-attachment:fixed;}.bbzs2 {content:"Table and Section Properties";} table, tr, td {background:transparent; border:0px;}table table table {background-color:f2dad2;}table table table {  border-width:5px;  border-color:e0a1a0;  border-style:solid;}table table table table {border:0px;}.bbzs3 {content:"Text and Link Properties";}input {background-color:transparent !important;}td, span, div, input, textarea, a, table td div div font,div table tr td font {font-family:tahoma !important;}td, span, div, input, textarea, table td div div font,div table tr td font {color:808080 !important; font-size:9pt !important;}.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12, .blacktext12 span,.redtext, .redbtext, .blacktext10, .btext {color:e0a1a0 !important; font-size:11pt !important;}a {color:e0a1a0 !important; font-size:7pt !important;text-decoration: none!important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }a:hover {color:808080 !important; text-decoration: underline overline !important; font-style: normal !important; font-weight: bold !important; text-transform: uppercase !important; }.bbzs4 {content:"Other Properties";}img {border:0px;}.bbzProfileGenerator {version:1.3;}.moreCSS {content:"Additional CSS go under this line.";}</style><style type="text/css">.contactTable {width:300px; height:150px; padding:0px;background-image:url("http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-2.gif");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;}.contactTable .text {font-size:1px !important;}.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}.contactTable .whitetext12 {display:none;}</style><style type="text/css">        table table table td {vertical-align:top ! important;}        span.blacktext12 {        visibility:visible !important;        background-color:transparent;        background-image:url("http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-3.gif");        background-repeat:no-repeat;        background-position:bottom center;        font-size:0px; letter-spacing:-0.5px;        width:435px; height:300px; display:block !important; }        span.blacktext12 img {display:none;}        </style><style type="text/css"> a.navbar:hover{color:; font-weight:bold;background-image:url(http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-4.gif);} a:hover, a.link:hover, a.navbar:hover {background-image:url(http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-4.gif); font-size:8pt; color:; text-decoration:none; border:1px solid;} a:hover img {background-image:url(http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-4.gif); filter:alpha(finishopacity=0, style=2); border:1px solid;} </style><style type="text/css">
	body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">div table td { visibility: visible }; div table { visibility: visible };</style><style type="text/css">
table table table td.text div img {visibility:hidden;}
table table table td.text div {
background-image:url("http://www.layoutsduh.com/myspace-layouts/images/layouts/1182818518-377-7.gif");
background-repeat:no-repeat;}
table table table td.text table table div img {visibility:visible;}
table table td.text table div,
table table table td.text table div {
background-image:none;}
</style><style type="text/css">body {cursor: url(http://www.mscursor.com/cursors/love1/heart01.ani); 
}</style><style type="text/css">body {cursor: url(http://www.mscursor.com/cursors/love1/heart01.ani); 
}</style><style type="text/css">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
	body, html {visibility:visible !important; display:block !important}
</style>                                              
							  
                      							  
<br /><br /><a href="http://www.emobucket.com" target="_blank">I [heart] Emobucket</a><br />

Repeating Green and Pink Hearts

One of my favorite layouts, very simple and pretty :-)

Emo Hearts Myspace Layouts

Emo is where the heart is. Show your love of <3's on your myspace!

The Heart Layouts

Featured Layout - "Love in your Heart"

More Emo Layouts

Emo Skull layouts

Abstract Layouts

Emo Friendster Layouts

VampireFreaks Layouts

Emo Boys Layouts

Emo Girls Layouts

Emo Band Layouts

Emo Hi5 Layouts