Pretty In Punk

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

All statements made in the layout code; enjoy.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
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

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style type="text/css"> 
body {
background: url(''); 
background-repeat: repeat; 
background-color:341302;
line-height: 17px; 
cursor: ne-resize;
color:444444;
	scrollbar-face-color:9d004e;
	scrollbar-highlight-color:341302;
	scrollbar-3dlight-color:341302;
	scrollbar-shadow-color:341302;
	scrollbar-darkshadow-color:341302;
	scrollbar-arrow-color:341302;
	scrollbar-track-color:9d004e;
	 }

.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext

{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!

important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
img { border:0;}

b, strong {color:000000;font-family:arial;font-size:11pt;font-weight:heavy;letter-spacing:-1px ;}
i, em {color: white;}
u, small {color:000000;font-family:century gothic;font-size:10pt;letter-spacing:-2px;}
s {color: white; font-size:10pt; letter-spacing-2px;}

a:link, a:visited, a:active {color:b14a7d; text-decoration: none; font-weight:bold;}
a:hover {cursor: help; color:b14a7d; text-decoration: none;}

.nav { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-99px;
left: 50%;
margin-left: 165;
text-align:left; 
visibility:visible;
width:150px;}

.aboutme { 
background-color:transparent; 
width: 330px; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-94px;
left: 50%;
margin-left: -172;
text-align:justify; 
visibility:visible; 
font-size: 8pt;
overflow:auto;
height:380px;}

.div { 
background:none; 
overflow:auto; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:-210px;
left: 50%;
margin-left: -453;
text-align:left; 
visibility:visible;}

div.nav a {
text-align: left;
font-family: Century Gothic;
letter-spacing:2px;
text-transform:lowercase;
font-size:20px;
display:block;
padding:0px;
margin-right: -50px;
line-height:25px;}

div.nav a:link,.nav a:visited, div.nav a:active {
color:000000;
display:block;
font-style:normal;
background-color:9d004e;
margin-top:3px;}

div.nav a:hover {
color:fff;
background:#b14a7d;}

font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br {
font-family:tahoma;
font-size: 8pt; 
color:000000; 
font-weight: normal; 
text-decoration: none; 
letter-spacing: 0px; 
padding: 0px; 
line-height: 17px;}

h1 {
font: 25pt "century gothic";
text-align: center;
letter-spacing: 1px;
text-transform: normal;
margin: 0 0 10px 0;
color:000; 
border-bottom:1px dotted;
border-bottom-color:6d092c;
font-weight:bold;}

h2 {
font: 20pt "Century Gothic";
color: 000000;
text-align: left;
letter-spacing: -2px;
font-weight: bold;
margin: 0 0 10px 0;
border-bottom:1px dotted;
border-bottom-color:6d092c;}

h3 {
font: 26pt "Century Gothic";
color: 000000;
text-align: center;
letter-spacing: -3px;
text-transform: none;
margin: 0 0 10px 0;
border-bottom:none;
}

div.title { 
font: 25pt "garamond";
text-align: right;
letter-spacing: 0px;
text-transform: lowercase;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:295px;
left: 50%;
margin-left: -210px;
color:000000;
font-weight:bold;
width:400px;}

div.credit {
font: 10pt "century gothic";
text-align: center;
letter-spacing: 0px;
text-transform: normal;
position:absolute; 
z-index:2; 
top:50%; 
margin-top:280px;
left: 50%;
margin-left: 40px;
color:ffffff;
font-weight:bold;
width:400px;}

.comment { 
background-color:transparent; 
position:absolute; 
z-index:2; 
top:50%; 
margin-top:170px;
left: 50%;
margin-left: 105px;
text-align:left; 
visibility:visible;
width: 275px;
text-align:center;}

.comment textarea {
color:000000;
background-color:transparent;
border-width:1px; 
border-style:solid; 
border-color:000000;
width:150px;
height:80px;}

.comment input {
color:000000;
background-color:transparent;
border-width:1px; 
border-style:solid; 
border-color:000000;
width: 150;}

input, textarea {
color:9d004e;
font-size:8pt;
font-weight:bold;
font-family:Verdana;
background-color:transparent;
border-width:1px; border-style:solid; border-color:9d004e;}

blockquote {
background:transparent;
border: transparent 0px solid;
margin: 20px 10px 20px 30px;
}

</style>
<table><tr><td><table><tr><td><table><tr><td>

Layout Code

Copy and paste to I'd Like to Meet

Help

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="div"><img

src="http://cbimg6.com/layouts/07/10/23/22578aa.gif">
</div>

<a href="http://messaging.myspace.com/index.cfm?

fuseaction=mail.message&friendID=XXXFRIENDIDHEREXXX&MyToken=3b8fd81b-42e4-46a4-ba8f-

b61e99cb0ab9">msg</a>

<a href="http://collect.myspace.com/index.cfm?

fuseaction=invite.addfriend_verify&friendID=XXXFRIENDIDHEREXXX">Friend Me</a>

<a href="http://collect.myspace.com/index.cfm?

fuseaction=block.blockUser&userID=XXXFRIENDIDHEREXXX">Hate Me</a>

<a href="http://viewmorepics.myspace.com/index.cfm?

fuseaction=user.viewAlbums&friendID=XXXFRIENDIDHEREXXX">Pics</a>

<a href="http://friends.myspace.com/index.cfm?

fuseaction=user.viewfriends&friendID=XXXFRIENDIDHEREXXX&MyToken=f94bfd5a-299a-48fd-9130-

880fbb31ea51">View Lovers</a>

<a href="http://comment.myspace.com/index.cfm?

fuseaction=user.viewComments&friendID=XXXFRIENDIDHEREXXX">View <3</a>

<a href="http://blog.myspace.com/index.cfm?

fuseaction=blog.ListAll&friendID=XXXFRIENDIDHEREXXX">Blog</a>

<div class="title">I Don't Need To Pop No Pills</div>

<div class="credit">
<a href="http://PuppetxInjection.createblog.com/">Layout <br>by<br> PuppetxInjection</a>
</div>

<div class="comment">
<form method="post" action="http://comments.myspace.com/index.cfm?

fuseaction=user.ConfirmComment"><input name="friendID" value="XXXFRIENDIDHEREXXX"

type="hidden"> <textarea name="f_comments" cols="20" rows="3">
I Don't Need To Pop No Pills,
The Music's Where I Get My Thrills.
</textarea><br /><input type="submit" value="This Is Crazy Cool"></form>
</div>

<h1>Pretty In Punk</h1><p><p>
Layout by Nymphadora [PuppetxInjection]
<br><br>
My first layout, bear with me here..
<br><br>
The silly cliche name seems to fit well, don'tcha think?<br><br>
The "I don't need to pop no pills" title [from the song Crazy Cool by Flamboyant Bella, on that note] can

be changed, it's just default because I notice some people who know juuuust enough HTML/CSS to put

DIV layouts on their MySpace don't know how to change the title so it says "your title here" on their

MySpace....<br>
You can change the comment box text and submit button too.

<p><p>

<blockquote>
<h2>Terms For Use</h2>
<ul type="bullet">
<li>No stealing the background image, made that myself.</li>
<li>Don't remove the credit, or I'll find you and gut you like a fishy.</li>
<li>Don't claim as your own, fish gutting also applies here.</li>
</ul>
<br><br>
</blockquote>

<h2>Fun Stuff</h2>
 <b>bold</b> 
<p><p>
<i>italic</i> 
<p><p>
<u>underline</u>
<p><p>
<s>strikethrough</s>
<p><p>

</div>