Balloon

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: the extra tables do not show up in your myspace profile; it's just a cB error.

more layouts 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://fixtatik.com }
.profileInfo, .contactTable, .userProfileURL, .interestsAndDetails, .userProfileDetail, .userProfileNetworking, .userProfileSchool, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .friendSpace, .friendsComments, table div, .profile, div div table div ul, div div table div { display:none!important; }
div table div, table table div, .clearfix, div div table div div, table div div embed, table div div object { display:block!important; }
table, tr, td { background:none; padding:0; }

td, p, a, span, div, ol, ul, li, font { font-family:arial; color:707455!important; font-size:11px; }
p, span, li, font { padding:5px; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; color:707455; display:block; }
h1 { font-size:15px; margin:5px 5px -5px; }
h2, h3, h4, h5, h6 { font-size:12px; }

a { font-weight:bold; }
a img { border-color:a0a678; border-style:solid; border-width:1px; }
a img:hover { border-color:707455; }
img { width:62px; }

body { background:url(http://cbimg9.com/layouts/08/06/28854aa.png); margin-top:20px; }

.main { left:50%; margin:0 0 0 -407px; position:absolute; top:0; width:814px; }
.header { background:url(http://cbimg9.com/layouts/08/06/28854ab.png); height:210px; width:814px; }
.navigation { background:url(http://cbimg9.com/layouts/08/06/28854ac.png); bottom:20px; left:30px; height:50px; position:absolute; text-align:center; width:754px; }
  .navigation ul { height:40px; left:5px; margin-left:-40px; position:absolute; text-align:center; top:7px; width:750px; }
  .navigation ul li { border-left-color:000000; border-left-style:ridge; border-left-width:2px; _border:0; display:inline; height:40px; list-style:none; }
  .navigation ul li.first { border:0; }
  .navigation ul li a { font:bold 10px/10px arial; text-decoration:none!important; color:9999ff!important; margin-left:3px; padding:15px; }
  .navigation ul li a:hover { background-color:9999ff; color:ffffff!important; text-decoration:none; }
.about { left:80px; position:absolute; top:205px; width:320px; }
.interests { position:absolute; right:80px; top:205px; width:320px; }
  .text_bg { background:url(http://cbimg9.com/layouts/08/06/28854ad.png); width:320px; }
  .text_p { background:url(http://cbimg9.com/layouts/08/06/28854ae.png) no-repeat; margin:0 5px; width:310px; }
  .text_ft { background:url(http://cbimg9.com/layouts/08/06/28854af.png); height:25px; width:320px; }
.footer { background:url(http://cbimg9.com/layouts/08/06/28854ag.png) top center no-repeat; height:35px; top:6px; position:relative; width:320px; }
  .footer span { left:40px; position:relative; top:9px; }
  .footer span, .footer span a { color:9999ff!important; font:8px 'small fonts'!important; }
  .footer span a:hover { color:ffffff!important; text-decoration:underline!important; }
.friends { background-color:c9cfa2; border-color:b4b993; border-style:solid; border-width:1px; margin:5px; padding:10px; text-align:center; }

.about, .interests, .text_ft { margin-top:-5px; }
.about, .interests { _margin-top:0; }
.footer { margin-top:-11px; margin-bottom:10px; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="header">
    <div class="navigation">
    <ul>
      <li class="first"><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
      <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add</a></li>
      <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Message</a></li>
      <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Comment</a></li>
      <li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">View Pics</a></li>
      <li><a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View Friends</a></li>
      <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li>
    </ul>
    </div>
  </div>

<div class="about">
    <div class="text_bg">
    <div class="text_p">
<h1>About Me</h1><p style="text-align:justify;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras arcu nibh, tempus in, ornare quis, blandit in, lorem. Donec eget risus sit amet nulla varius condimentum. Nam viverra enim ac turpis. Nulla facilisi. Maecenas tortor tortor, accumsan in, vestibulum at, auctor et, quam. Quisque erat tellus, hendrerit egestas; tristique ut, adipiscing vel, libero. Donec congue lectus vel dolor. Aenean venenatis, arcu at dictum varius, nunc turpis viverra purus, quis consectetuer lectus nunc non tortor. Nam tincidunt. Praesent id orci vitae lorem sagittis dignissim. Quisque accumsan augue sed nisi. Etiam commodo, ipsum non tempor sollicitudin, nisl mi iaculis tellus; vitae accumsan orci risus sed massa. Fusce id velit? Maecenas volutpat lacus sed tortor?</p>
    </div>
    </div>

<div class="footer">
<span>© 2008 <a href="http://fixtatik.com">Fixtatik Design Studios</a>.</span>
    </div>
  </div>

<div class="interests">
    <div class="text_bg">
    <div class="text_p">
<h1>Interests</h1>
<p style="text-align:justify;">In hac habitasse platea dictumst. Aliquam nec diam nec dui vulputate gravida. Ut ante orci, pretium ac, dignissim hendrerit; lacinia quis, nisi. Nulla facilisi. Donec turpis. Maecenas adipiscing blandit augue. Quisque lacus turpis; porttitor in, ultrices ut, porttitor at, odio? Donec sed urna. Phasellus nisl? Aenean vulputate magna quis est. Phasellus dolor odio; pellentesque eget, varius et, egestas et; purus! Praesent in mauris eget metus sagittis ornare! Pellentesque sed urna posuere nisl feugiat dignissim. Aenean vestibulum risus at dui. Nullam volutpat volutpat sem!</p>

<h1>Friends</h1>
    <div class="friends">
      <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX">
      <img src="http://cbimg9.com/layouts/08/06/28854ah.png" alt="" /></a>

</div>
    </div>

<div class="footer">
<span>© 2003-2008 Myspace.com.
<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>

Layout Comments

Showing latest 8 of 8 comments

super cute

By ashleecherry on Jul 16, 2008 4:14 pm

Sweet colors. Great use of space.

By jesusisthebestthing on Jun 30, 2008 3:29 am

Awesome

By dropdeadd on Jun 29, 2008 2:10 am

Nice.

By tokyo-rose on Jun 27, 2008 6:09 pm

speakerboxx123 - please read the note in the designer's comments. CB's previewer is out of date and has some errors in it - when you put the layout on your myspace, everything that's supposed to be hidden is hidden. i actually prefer my code to hide everything than i do what other people use because it's a cleaner way to do it with less problems.

By fixtatik on Jun 27, 2008 3:32 pm

use a better code to hide the profile cuz in firefox you can still see your details.

By speakerboxx123 on Jun 27, 2008 2:27 pm

Wow I like this one!

By NICKAWHAT on Jun 27, 2008 8:07 am

How come you reposted this one?

By CreativeArticulate on Jun 27, 2008 2:16 am

Layout Details

Designer	fixtatik
Submitted on	Jun 26, 2008
Page views	9,554
Favorites	50
Comments	8
Reviewer	highwayto4355
Approved on	Jun 27, 2008

Balloon

Designer's Comments

Using This Layout

Update Friend ID

Layout Code

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates