Emo-Punk Myspace Layouts

» This Layout Can Be Modified! « Like this Myspace Layout but want to make some changes?
Click here to change/customize font colors, contact tables, extended networks, and more!

Save This Layout

Comment This Layout

Rate This Layout

1 - Bad
2 - Good
3 - Average
4 - Above Average
5 - Best

Current Rating:

Views: 13588

Category: Emo

Date Added: Sep 07, 2007

Author Description:
emo guys with green background

Author: heather

Click here to preview 1.0!

Click here to preview 2.0!

MORE LAYOUTS BY heather

Submit Your Own Layouts!

Emo-Punk

CODE FOR MYSPACE PROFILE 1.0 LAYOUT:

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">

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">

{ Created using CodeMyLayout.com Profile Editor }

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

.CodeMyLayout.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:0;
	border-color:000000;
	background-color:none;
	background-image:url('http://images.codemylayout.com/myspace-layouts/images/layouts/1189179567-315-3.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:top center;
 }
 table table table table td {filter:none;}
 table table table table {border:0px;}
 td.text table, td.text table td {width:300px; padding:0px;}
 td.text table table table table, td.text table table table table td {width:0px;}
 table table td {width:10px;}
 div table table td, table table table td {width:auto;}
 td.text td.text table table div, td.text td.text table table a img {height:55px; width:65px !important; border-width:0px;}

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

{ Link Properties }
 a:active, a:visited, a:link {font-weight:normal; font-style:normal; }
 a:hover {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><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>                    
												  
<div style="position:absolute;top:0;left:0"><a href="http://www.startskins.com/?ref=631"><img src="http://img.freecodesource.com/images/startskins/startskins-animated-100.gif" border="0"></a></div><br> <div align="center"> <a href="http://www.codemylayout.com" target="_blank"><img src="http://images.codemylayout.com/images/banners/button.gif" border="0"></a><br> Get <a href="http://www.codemylayout.com" target="_blank">Myspace Layouts</a> @ <a href="http://www.codemylayout.com" target="_blank">CodeMyLayout.com</a> </div> <br>

CODE FOR MYSPACE PROFILE 2.0 LAYOUT:

1. Copy and paste the first code below in your About Me section:

2. Then, copy and paste this code in your CSS field by following the directions provided below:

div.wrap {background-color:transparent;}

div.basicInfoDetails h2 {
height:28px;
display:block;
}

div#header, div#googlebar, div#topnav { background-color:transparent; }
#topnav ul { border-right:1px transparent solid; }
#topnav ul li { border-left:1px transparent solid; }

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

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

#browseMain td {text-align:left;}

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

{ Created using CodeMyLayout.com Profile Editor }

{ Background Properties }
 div.content { background-color:transparent; border:none; border-width: 0px;}
 body {
	background-color:none;
	background-image:url('http://images.codemylayout.com/myspace-layouts/images/layouts/1189179567-315-2.gif');
	background-attachment:fixed;
	background-position:center center;
	background-repeat:repeat;
	border-top-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-color:none;
	border-style:solid;
	padding-left:0px;
	padding-right:0px;
 }

.CodeMyLayout.com { Table Properties }
 div.content { border:0px }
 div.moduleMid2 table{border:0px}
 div.content { background-color:transparent; border:none; border-width: 0px;}
 div.moduleMid2 {
	border-style:solid;
	border-width: 0px;
	border-color:rgb(0,0,0);
	background-color:none;
	background-image:url('http://images.codemylayout.com/myspace-layouts/images/layouts/1189179567-315-3.gif');
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:top center;
 }
 div.moduleMid2 table td {filter:none;}
 div.moduleMid2 table {border:0px;}
 td.text div.content.text table td {removed:300px; padding:0px;}
 td.text div.moduleMid2 div.content.text div.moduleMid2 table td {removed:0px;}
 div.content td {removed:10px;}
 div div.content td, div.moduleMid2 {removed:auto;}
 td.text td.text removed, td.text td.text div.content a img {removed:55px; removed:65px ; border-width:0px;}

{ Text Properties }
 div.content, li, p, div {font-family:georgia ; }
 .btext, h4, div.basicInfoDetails h2, h3.moduleHead span span {font-family:georgia ; color:rgb(255,0,0) ; font-weight:bold; font-style:normal; }
 div.commentsModule p.datePosted, .blacktext11, .blacktext12, ul.moduleList li h4, ul.moduleList li strong, span.count, span.count, .text {color:rgb(255,153,204) ; font-weight:bold; font-style:normal; }

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

{ Tweaks }

.commentlinks a:link { font-weight:normal; font-size:9px; }

body, html {visibility:visible ; display:block }

.commentlinks a:link { font-weight:normal; font-size:9px; }

body, html {visibility:visible ; display:block }
	                    .topleft { position: absolute; top: 0px; left: 0px; }		  
.topright { position: absolute; top: 0px; right: 0px; }		  
/*BEGIN_ABOUT_CONTENT

<center>
<div class="topleft"><a href="http://codemylayout.com" target="_blank"><img src="http://images.codemylayout.com/images/banners/button.gif" alt="Myspace Layouts" border="0" /></a></div><br />Get <a href="http://www.codemylayout.com">Myspace 2.0 Layouts</a> at <a href="http://www.codemylayout.com">CodingMyLayout.com</a>
<br><div class="topright"><a href="http://www.startskins.com/?ref=631"><img src="http://img.freecodesource.com/images/startskins/startskins-animated-100.gif" border="0"></a></div>
</center>
END_ABOUT_CONTENT*/

Can't see the code above? Click here.

HOW DO I INSTALL A MYSPACE PROFILE 2.0 LAYOUT?
	If you haven't already, upgrade to the 2.0 profile. Once upgraded, you will be taken to the customize profile section where you can enter your Myspace Profile 2.0 Layout code. If you've already upgraded, hover over the 'Profile' button in the top navigation and click the Customize Profile link.
	Once in the Profile 2.0 Customize Profile area, select No Theme. Next, click CSS and paste the layout code in the text area provided.
	To ensure everything works correctly, click the Preview button on the left side. Finally, click Publish to save your layout!