(call the shots)

Designer's Comments

Look carefully for specific instructions

Layout tested in both IE and Firefox. IE has more spacing between the elements, but not much of a difference compared to the box model problem in IE (which was fixed with a hack). Lowest compatible resolution is 1024x768. Optimized for 1280x1024.

Replace the "########" with the corresponding FriendID.

Images from banner taken from screenshots at Game Arena
Images used for navigation taken from the weapon guide at UK Terrorist.
Font used is Daisy Wheel.

Please do not remove the credit :3.

- - -

Erghkkk. This layout did not turn out as I expected AT ALL. A redo is very likely. That said, if some unknown force still compels you to use this, please note it will only look good if you fill the content area with LOTS of text/pictures.

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">
table, tr, td {background-color: transparent;}
table table table table, table table table table td.text, table.contactTable, .whitetext12, .nametext, td.text td.text table, div b font font, div font font u {display: none;}
td.text table, .orangetext15 {visibility: hidden;}
td.text table table {display: inline; visibility: visible;
}
body {
background-color: 003366;
background-image: url('http://cbimg9.com/layouts/07/07/23/19862aa.png'); 
background-repeat: repeat; 
background-position: top left; 
cursor: crosshair; 
margin: 0px;
font-family: Verdana, sans-serif;
font-size: 70%; 
color: 000000;
scrollbar-arrow-color: FFFFFF;
scrollbar-face-color: 003366;
scrollbar-track-color: 003366;
scrollbar-3dlight-color: 003366;
scrollbar-highlight-color: 003366;
scrollbar-shadow-color: 003366;
scrollbar-darkshadow-color: 003366;
}
h1 {
font-family: Verdana, sans-serif;
font-size: 175%;
color: 003366;
text-align: right;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 5px;
}	
h2 {
font-family: Verdana;
font-size: 125%;
color: 666666;
text-align: right;
text-transform: uppercase;
font-weight: bold;
border-color: #999999;
border-width: 0px 0px 2px 0px;
border-style: solid;
padding-bottom: 1px;
}
h3 {
font-family: Verdana, sans-serif;
font-size: 175%;
color: 003366;
text-align: center;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 5px;
}
a, a:link, a:active, a:visited {
color: FFFFFF;
text-decoration: none;
font-weight: normal;
font-family: Verdana, sans-serif;
font-size: 100%;
background-color: transparent;
}
a:hover {
color: 330066;
text-decoration: none;
}
b, strong {color: 003366;}
i, em {color: 666666;
}
.cover {
background-image: url('http://cbimg9.com/layouts/07/07/23/19862aa.png');
background-position: top left;
background-repeat: repeat;
position: absolute;
left: 50%;
top: 135px;
width: 820px;
margin-left: -450px;
z-index: 1;
}
.margincontent {
width: 800px; 
position: absolute; 
top: 283px; 
left: 50%; 
margin-left: -450px; 
overflow: auto;
background-color: 0099CC;
z-index: 2;
}
.content {
border: 2px solid; 
border-color: 999999;
padding: 10px;
}
.navigation {
width: 100px; 
height: 600px; 
position: absolute;
top: 135px;
left: 50%; 
margin-left: 365px; 
overflow: auto;
z-index: 3;
}
a img {border: 0px;}
.navimg a img {
width: 100px; 
height: 60px; 
background-position: top left; 
background-repeat: no-repeat; 
background-color: white;
}
.navimg a:hover img {background-position: bottom left;}
a.nav1 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ab.gif');}
a.nav2 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ac.gif');}
a.nav3 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ad.gif');}
a.nav4 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ae.gif');}
a.nav5 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862af.gif');}
a.nav6 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ag.gif');}
a.nav7 img {background-image: url('http://cbimg9.com/layouts/07/07/23/19862ah.gif');
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<center>Input mp3 player here</center>.

<h1>Blurbs</h1>
<h2>About Me</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus quam leo, convallis vitae, aliquam nec, luctus ac, justo. Ut sed dolor vel ipsum pretium iaculis. Donec odio. In eros. Proin rhoncus sapien a sem. Phasellus at

felis. Duis tincidunt, elit non ultrices cursus, diam elit faucibus purus, vitae malesuada sapien magna eu dolor. Nullam ante diam, nonummy a, ullamcorper ut, viverra vitae, dui. Integer facilisis, enim non sodales tempor, turpis

risus elementum ipsum, quis vulputate nulla orci eu risus. Fusce lobortis vulputate ligula. Vivamus elit orci, sagittis vel, pretium vitae, fermentum ut, mauris. Nunc vehicula semper leo. Nunc erat ligula, vestibulum eu, aliquet quis,

bibendum nec, est. Fusce purus. Vivamus tincidunt urna at ante. Mauris venenatis ullamcorper nibh. Suspendisse tortor est, dignissim nec, malesuada sodales, bibendum vitae, tellus. Nullam eu neque eu lacus blandit viverra.
<h2>Who I'd Like to Meet</h2>
Vivamus vel nunc. Proin ullamcorper est quis tellus. Maecenas sem. Integer sollicitudin lacus non magna. Nam ullamcorper sapien vel leo. Sed dignissim. Curabitur venenatis. Class aptent taciti sociosqu ad litora torquent per

conubia nostra, per inceptos hymenaeos. Quisque leo. Praesent porttitor mattis lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent tortor erat, aliquam a, vehicula non,

fermentum condimentum, tellus.

<h1>Interests</h1>
<h2>General</h2>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Sed bibendum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum pharetra risus tempus

tortor. Curabitur id augue eget nisl sodales porta. Vivamus non augue. Nulla facilisi. Donec laoreet. In bibendum eleifend nunc. Ut lacinia lobortis velit. Nam odio erat, lacinia sed, dignissim sed, malesuada nec, turpis. Praesent

lobortis rutrum enim. In dapibus.
<h2>Music</h2>
Quisque auctor iaculis est. Integer lacinia nisl vel ipsum. Maecenas ullamcorper. Etiam et mi vitae magna gravida vehicula. Integer pulvinar orci et nisl dictum faucibus. Suspendisse nisi sem, bibendum sit amet, euismod mattis,

imperdiet ac, tortor. In consequat nunc nec neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris id nisl vitae nisi dignissim pellentesque. Mauris neque.
<h2>Films</h2>Nulla placerat dolor. Suspendisse tincidunt ultrices orci. Aenean id neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed faucibus pulvinar ligula. Ut molestie, lorem

non consequat ullamcorper, diam arcu pretium odio, eget mattis lorem mi et diam. Ut gravida, pede nec elementum semper, turpis lectus auctor ligula, non consectetuer sem diam vitae odio. Praesent elit. Etiam eleifend, arcu ut

interdum condimentum, pede neque lobortis nunc, fringilla tristique purus risus at nisl. In sodales velit et ante. Fusce vel sem. Aenean non felis nec urna cursus faucibus. Mauris malesuada. Phasellus sem felis, dictum vitae,

convallis vel, venenatis ornare, urna. Sed eros metus, auctor sed, feugiat vel, luctus cursus, libero. Etiam ut elit id ante mollis venenatis.
<h2>Television</h2>Nunc tristique congue neque. Vestibulum suscipit tempor ipsum. Vivamus fringilla iaculis magna. Etiam placerat, velit ut vulputate egestas, risus est molestie dolor, a ultrices orci leo nec libero. Curabitur

cursus tempor mauris. Sed ut magna. Aenean vehicula nibh vitae justo. Vestibulum eu orci. Cras accumsan. In tellus metus, venenatis id, pretium sed, facilisis et, diam. Mauris sit amet est.
<h2>Books</h2>Vestibulum leo arcu, ornare vel, aliquet eu, convallis sit amet, purus. Suspendisse vestibulum, eros vitae porta vulputate, nunc massa eleifend nunc, ac dignissim magna tortor pellentesque augue. Quisque

auctor posuere lorem. Sed placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed auctor, mi et congue porta, leo felis sodales urna, quis volutpat odio purus et pede.

Praesent id nibh in erat rhoncus commodo. Cras at quam et purus hendrerit rutrum. Aenean tempus, tortor eget laoreet pellentesque, est dui pulvinar velit, ut aliquet lorem urna in lorem. Suspendisse ligula. Aliquam at lorem. Sed

lacus ante, tristique quis, accumsan vel, cursus id, ante. Aenean at nulla nec felis pellentesque pellentesque. Nunc luctus ultrices urna. Cras rhoncus massa vel nulla. Vestibulum eu felis eget urna luctus malesuada. Proin

ultrices dui quis justo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Cras interdum quam sed lectus. Morbi urna lorem, luctus a, faucibus non, tincidunt eget, ante.
<h2>Heroes</h2>Suspendisse potenti. Aliquam tellus. Donec lectus lectus, molestie feugiat, laoreet et, egestas quis, libero. Vivamus a quam. Vestibulum imperdiet ultricies sem. Proin eget risus quis magna sodales vestibulum.

Cras metus tellus, lobortis id, feugiat et, facilisis at, est. Proin pulvinar justo in eros. Quisque venenatis. Curabitur vitae magna. Quisque rhoncus. Aliquam erat volutpat. Praesent iaculis porta odio. Maecenas mattis, eros sit amet

accumsan porttitor, dolor lacus commodo nunc, nec congue metus eros sit amet ipsum. Praesent condimentum mi id purus posuere sodales. Aenean lorem mi, auctor a, pretium quis, congue accumsan, lorem. Suspendisse

euismod nibh vitae ante congue volutpat. Nulla facilisi. Suspendisse eu nibh vestibulum magna tincidunt tempus. Vivamus tristique.

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p align=right>
<b>Bold</b>
<br><i>Italics</i>
<br><u>Underlined</u>
<br><a href="#">Hyperlink</a></p>

<h2>Credit</h2>
<center>Layout made by <a href="http://www.msplinks.com/MDFodHRwOi8vY2lrYXllbGxlLmNyZWF0ZWJsb2cuY29tL2xheW91dHMv" target="_blank">Cikayelle</a> at <a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmNyZWF0ZWJsb2cuY29t">CreateBlog.com</a>.</center>
<br>
</div>
</div>