Caribbean Cruise for 82 Inside

Designer's Comments

Look carefully for specific instructions

quick info
- you should have an intermediate to advanced understanding of HTML to use this layout.
- you may not alter anything other than described below without first contacting me.
- do not change or remove the footer.

customizing
1. replace all XXXXXX with your friendID.
2. replace all ###### with your top friends' friendIDs.
3. in the friends section, replace the images with those of your friends.

NOTE: any extra tables, links, etc., that don't belong will not show up in your myspace profile; it's just a cB error. a cleaner preview can be found at fixtatik.com

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">
{ (c)2008 fixtatik - http://www.fixtatik.com }

.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div { display:none!important; }
div table div, table table div { display:block!important; padding:0; }
object { bottom:0; filter:alpha(opacity=0); left:0; margin:-1px 0 0 -294px; -moz-opacity:0; opacity:0; position:absolute; }
td td td object { filter:none; -moz-opacity:1; opacity:1; position:static; margin:auto; }
table, tr, td { background:none; border:none; }

.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-30px; width:728px; }
.clearfix .clearfix { bottom:-30px; margin:-45px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

body { background:rgb(1,1,1); margin:10px 0 0; overflow-x:hidden; }
div { overflow-x:hidden; }

.page { left:0; margin:120px 0 0 0; position:absolute; text-align:center; top:0; width:100%; }
.main { background:rgb(1,1,1); margin:0 auto; text-align:left; width:728px; }

.content-top { background:url(http://cbimg9.com/layouts/08/10/32024aa.jpg); height:32px; width:100%; }
.content-mid { margin:10px 40px; }
.content-bot { background:url(http://cbimg9.com/layouts/08/10/32024ab.jpg); height:32px; width:100%; }
.copyright { margin:10px 10px 90px 10px; text-align:center; width:100%; }

.footer { background:url(http://cbimg9.com/layouts/08/10/32024ac.jpg); bottom:0; height:80px; position:fixed; left:0; text-align:center; width:100%; }
.navigation { background:url(http://cbimg9.com/layouts/08/10/32024ad.jpg); height:100%; margin:0 auto; width:728px; }
.navigation ul { list-style:none; margin:15px 0; padding:0; }
.navigation ul li { float:left; line-height:40px; }
.navigation ul li a { display:block; float:left; height:28px; margin:6px; text-indent:-500em; }

.hom { background:url(http://cbimg9.com/layouts/08/10/32024ae.png); width:44px; }
.hom:hover { background:url(http://cbimg9.com/layouts/08/10/32024af.png); width:75px; }
.add { background:url(http://cbimg9.com/layouts/08/10/32024ag.png); width:30px; }
.add:hover { background:url(http://cbimg9.com/layouts/08/10/32024ah.png); width:49px; }
.msg { background:url(http://cbimg9.com/layouts/08/10/32024ai.png); width:72px; }
.msg:hover { background:url(http://cbimg9.com/layouts/08/10/32024aj.png); width:119px; }
.cmt { background:url(http://cbimg9.com/layouts/08/10/32024ak.png); width:76px; }
.cmt:hover { background:url(http://cbimg9.com/layouts/08/10/32024al.png); width:126px; }
.pic { background:url(http://cbimg9.com/layouts/08/10/32024am.png); width:32px; }
.pic:hover { background:url(http://cbimg9.com/layouts/08/10/32024an.png); width:54px; }
.blk { background:url(http://cbimg9.com/layouts/08/10/32024ao.png); width:43px; }
.blk:hover { background:url(http://cbimg9.com/layouts/08/10/32024ap.png); width:72px; }

.link-div { background:url(http://cbimg9.com/layouts/08/10/32024aq.png); display:block; float:left; height:28px; margin:10px 0 0; text-indent:-500em; width:10px; }

td, div, span, p, font { color:rgb(123,123,123); font:normal 11px helvetica, arial, sans-serif; text-align:justify; }
a:active, a:hover, a:link, a:visited { font:normal 11px helvetica, arial, sans-serif; text-decoration:none; }
a:link, a:visited { color:rgb(97,113,120); }
a:active, a:hover { color:rgb(120,157,174); }
.copyright span { color:rgb(40,40,40); font-size:10px; }
.copyright a:link, .copyright a:visited { color:rgb(60,60,60); font-size:10px; }
.copyright a:active, .copyright a:hover { color:rgb(100,100,100); font-size:10px; }

a img { background:rgb(25,25,25); border:6px solid rgb(45,45,45); padding:1px; }
a:hover img { border:6px solid rgb(65,65,65); }
.default img { float:right; margin:0 0 0 5px; width:110px; }

{ IE fixes }
.page { _left:50%; _margin:120px 0 0 -1000px; _width:2000px; }
.copyright { _margin:10px 10px 50px 10px; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
    <div class="content-top"></div>
    <div class="content-mid">
<p>
<a class="default" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">
<img src="http://cbimg9.com/layouts/08/10/32024ar.png" alt="" /></a>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc tortor augue, gravida ac, porta quis, placerat eu, leo. Integer in sapien quis ipsum placerat condimentum. Donec risus? In id nisi ut orci viverra cursus. Phasellus semper fermentum magna. Sed tincidunt, nunc ac suscipit dapibus, tortor magna venenatis massa, eget posuere ipsum libero ut neque. Sed a turpis non augue consequat scelerisque? Integer ante quam, hendrerit non, venenatis eu, pharetra sed, mi. Vestibulum consequat mauris ut lectus. Duis nec ligula pharetra eros suscipit pulvinar. Donec at mi. Nulla vehicula purus nec diam.
</p>

<p>
Integer vel tellus nec augue tempor porttitor. Vestibulum purus. Proin magna purus, consequat sit amet, hendrerit a, fringilla vel; sem. Proin consequat tellus nec tortor. Donec sed dolor et turpis dignissim fermentum. Vivamus tristique, pede vel tempus ultrices, lorem risus imperdiet nisi, nec venenatis lorem mi quis metus. Nam tempor, urna eu ultricies pellentesque, sem odio rhoncus diam, fringilla eleifend dui mauris a est. Donec in ipsum non enim auctor facilisis! Phasellus ac nunc. Donec venenatis laoreet neque. Proin lobortis orci bibendum elit. Aenean sed magna eu nulla euismod malesuada. Nulla porta convallis quam! Fusce sit amet ligula. Mauris pulvinar tellus ut sem.
</p>

<p>
Vestibulum elit. Praesent sapien metus, gravida vel, scelerisque id, dictum eget, sem! Aliquam vestibulum arcu sed neque. Nam lobortis lacus tempor magna. Pellentesque placerat. Aliquam vel mi tincidunt arcu placerat vestibulum. Maecenas ac mauris id orci ullamcorper semper. Ut sagittis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed vestibulum arcu a risus? Praesent sed tortor. Proin quis ligula. Pellentesque consectetuer, sem ac fringilla mattis, magna quam imperdiet quam, aliquam porttitor diam lectus in felis. Morbi neque elit, convallis at, auctor at, interdum eu, augue. Vivamus porta.
</p>
    </div>
    <div class="content-bot"></div>
    <div class="copyright">
      <span>
      © 2008 Design by <a href="http://www.fixtatik.com">Fixtatik</a>.
      © 2003-2008 Myspace.com. All rights reserved. <br />
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.terms">Terms</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy">Privacy</a> |
      <a href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite">Safety</a> |
      <a href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX">Report Abuse</a>
      </span>
    </div>
  </div>

<div class="footer">
    <div class="navigation">
      <ul>
        <li><a class="hom" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a><span class="link-div">/</span></li>
        <li><a class="add" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a><span class="link-div">/</span></li>
        <li><a class="msg" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a><span class="link-div">/</span></li>
        <li><a class="cmt" href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment</a><span class="link-div">/</span></li>
        <li><a class="pic" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">Pictures</a><span class="link-div">/</span></li>
        <li><a class="blk" href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li>
      </ul>
    </div>
  </div>

</div>