Captain Jack Sparrow

Myspace Layouts / Div Overlay

Designer's Comments

Look carefully for specific instructions

Don't forget to fill in the XXXXs with your friend ID! 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-color:80A369; 
	background-image:url(http://cbimg8.com/layouts/07/05/25/17971aa.jpg);
        background-position:top left;
        background-repeat:repeat;
	scrollbar-face-color:80A369; 
	scrollbar-shadow-color:ffffff; 
	scrollbar-highlight-color:80A369; 
	scrollbar-3dlight-color:80A369; 
	scrollbar-darkshadow-color:ffffff;
	scrollbar-track-color:80A369;
	scrollbar-arrow-color:ffffff;} 
td, .text, div, input {
	color:ffffff !important; font-family:arial; font-size:10px; font-weight: normal;text-transform:none;}
b, bold, strong {
	font-family:arial; font-size:12px; color:A79786;}
i, em, italic {
	font-family:arial; color:B0BEDB; font-size:10px;}
u, underline {
	font-family:arial; color:1D4204; font-size:11px; border-bottom:dashed 2px; border-bottom-color:A2B993;}

a {
	color:97BA80 !important;font-family:arial; font-size:9pt; font-weight: normal;text-transform:lowercase;}
a:hover {
	color:34571D !important;font-family:arial; font-size:12pt; font-weight:normal;}

h1 {font-family:arial;
font-style:normal;
font-size: 15pt;
color: 9ABD83;
align: right;
letter-spacing: 1px;
line-height:24pt;
text-align:right;
border-bottom:dashed 2px; 
border-bottom-color:000000;}

a.nav:link, a.nav:visited, a.nav:active {
width: 93%;
text-align: left;
font-size: 15px;
line-height:15px;
font-family:verdana;
color:97BA80;
font-weight: normal;
text-transform:lowercase;
padding-left: 2px;
border-left:10px solid; 
border-color:34571D;

}
a.nav:hover {
background-color:67914C;
width: 85%;
text-align:right;
text-decoration:none;
font-size:15px;
line-height:15px;
letter-spacing:2px;
font-family:verdana;
color:34571D;
font-weight: normal;
text-transform: lowercase;
padding-right: 2px;
display: block;
border-right:10px solid;
border-right-color:000000;
}
img {
	border:0px;} 
table, tr, td {
	background:transparent; border:0px;}
div table td font {
	visibility:hidden;}
div table table table td font {
	visibility:visible;}
table table table td {
	visibility:hidden;}
table div font a, table div div {visibility:visible; background-color:transparent; left:50%; top:0%; margin-left:200px; margin-top:500px}
.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%;}
marquee, table table table div td {
	visibility:visible;}
table div div, table tr td div font a {
	visibility:hidden;}
table table table embed,  
.Overall div embed {
	position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,.frm1 {
	visibility:hidden;} 
 table table table table div a, .frm1 input {
	visibility:visible;}
.holder {
background-color:transparent; background-position:center top; background-repeat:no-repeat; background-attachent:scroll; background-image:url();
border:0px solid; border-color:ffffff;
width:910px; height:610px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-455px; margin-top:150px; text-align:center;
visibility:visible;}
.side {
background-color:67914C;
border:0px solid; border-color:ffffff;
width:200px; height:auto; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-350px; margin-top:700px; padding-left:10px; padding-right:10px; visibility:visible;}
.main {
background-color:67914C;
border:0px solid; border-color:ffffff;
width:500px; height:auto; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-100px; margin-top:700px; padding-left:10px; padding-right:10px; visibility:visible;}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="holder">
<IMG SRC="http://cbimg8.com/layouts/07/05/25/17971ab.jpg">
</div>
<div class="side">
<h1>navigation</h1>
<a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user"> home</a><BR>
<a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a><BR>
<a class="nav" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">message</a><BR>
<a class="nav" href="http://comments.myspace.com/index.cfm?fuseaction=user&circuitaction=viewProfile_commentForm&friendID=XXXXXXXX">comment</a><BR>
<a class="nav" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXXXX">pictures</a><BR>
<a class="nav" href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">blogs</a><BR>
<a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">friends</a><BR>
<a class="nav" href="http://www.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX">comments</a><BR>
<a class="nav" href="http://groups.myspace.com/index.cfm?fuseaction=groups.myGroups&userID=XXXXXXXX">groups</a><BR>
<a class="nav" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">block</a><BR>
<a class="nav" href="http://optimistic.too-fresh.net/">credit</a><BR>
<BR><BR>
<h1>title</h1>
type something small here...This div expands vertically as you write more, but still try not to write a novel over here. To add more titles, simply copy the line that says h1 title /h1...This would also make a good spot for a comment box, if you want one
</div>

<div class="main">
<h1>title</h1>
This is where the main information goes, this box will also expand as you write more. If you want it to be the same length as the other just add more hard breaks (< br >)<BR><B>bold</b>  <i>italics</i>  <u>underline</u><BR>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
<h1>title</h1>
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah <BR>

</div>

Layout Comments

Showing latest 4 of 4 comments

I like it, you did a good job on the image, but it needs more color...not just green & white.

By SugaPwum on Sep 23, 2007 3:11 pm

LOL I love it, you almost got away with using one color!

By FoxLucky on Jun 3, 2007 7:28 am

wow the pattern/texture looks a bit weird, same with the links
but its a awesome layout
gotta love potc

By Blaqheartedstar on May 31, 2007 12:40 pm

looks great. keep it up!

By Chicago on May 28, 2007 8:34 pm

Layout Details

Designer	iamsam1103
Submitted on	May 20, 2007
Page views	15,248
Favorites	61
Comments	4
Reviewer	micron
Approved on	May 25, 2007

Captain Jack Sparrow

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates