Disturbia

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.

NOTE: the extra tables in the layout will not show up in your myspace profile. it's just a CB error.

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 grrÐesigns - http://grrdesign.createblog.com }
.navigationBar, .profileInfo, .userProfileURL, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .friendSpace, .friendsComments, .orangetext15, .btext, .redbtext, .redtext, .friendtext, .blacktext10 { display:none; }

* { margin:0; padding:0; }
body { background-color:2f2f2f; background-image:url(http://cbimg9.com/layouts/08/05/27770aa.png); background-position:top left; background-attachment:scroll; background-repeat:no-repeat; }

table div { display:none; }
div table div, table table div { display:block; }
table, tr, td { background:none; border:0; }

.main { position:absolute; top:0%; left:50%; margin:190px 0 0 -425px; width:850px; }
.sidebar { width:220px; margin:0 0 20px; padding:0 0 50px; float:left; }
.sidebar ul { text-align:right; list-style:none; margin:10px; }
.sidebar li { _margin:-10px; padding:0 50px 0 0; line-height:15px; }
.content { width:620px; padding:0 0 50px; float:right; background:url(http://cbimg9.com/layouts/08/05/27770ab.png) -15px 100% no-repeat; }
.footer { width:400px; margin:20px 230px; border-top:1px dashed darkgrey; }

h1 { width:610px; background:url(http://cbimg9.com/layouts/08/05/27770ac.png) no-repeat; font-size:28px; }
h2 { width:210px; background:url(http://cbimg9.com/layouts/08/05/27770ad.png) no-repeat; font-size:23px; }
h1, h2 { display:block; height:40px; font-family:Impact, Arial, Helvetica, sans-serif; padding:0 0 0 20px; color:000000; line-height:35px; }
body, td, div, span, font, p, a, li { font:12px "Trebuchet MS"!important; color:ffffff; line-height:16px; }
a { color:ffffff!important; }
a:hover { color:74ce00!important; }
.sidebar a { color:5f5f5f!important; display:block; text-decoration:none!important; background:url(http://cbimg9.com/layouts/08/05/27770ae.png) no-repeat 20%; }
.sidebar a:hover { color:74ce00!important; background:url(http://cbimg9.com/layouts/08/05/27770af.png) no-repeat 30%; }
b, strong, i, em { color:b8ce00; }
.footer, .footer a { color:4f4f4f!important; }
.footer a:hover { color:6e6e6e!important; }
p { text-indent:10px; padding:5px 0; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="main">
  <div class="sidebar">
  <h2>Navigation</h2>
  <ul>
    <li><a href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a></li>
    <li><a href="http://browseusers.myspace.com/Browse/Browse.aspx?z=1">Browse</a></li>
    <li><a href="http://music.myspace.com">Music</a></li>
    <li><a href="http://vids.myspace.com">Videos</a></li>
  </ul>

<h2>Contact</h2>
  <ul>
    <li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">Add to Friends</a></li>
    <li><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">Send Message</a></li>
    <li><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX">Add Comment</a></li>
    <li><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">View Pictures</a></li>
    <li><a href="http://vids.myspace.com/index.cfm?fuseaction=vids.channel&channelid=XXXXXXXX">View Videos</a></li>
    <li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Read Blog</a></li>
    <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block User</a></li>
  </ul>
  </div>

<div class="content">
  <h1>About Me</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam tellus sem, condimentum sit amet, rutrum non, tempus in, enim. Aenean ante nulla, eleifend in, tempor eget, cursus vel, dui. Nullam quis nunc ut est bibendum elementum. Quisque semper fringilla erat. Suspendisse potenti. Nullam pellentesque pretium sem. Integer et leo quis lacus eleifend euismod. <strong>Etiam nec elit.</strong> Sed ut orci. Etiam ultricies nunc in ligula! Vestibulum iaculis hendrerit mauris. Nulla suscipit hendrerit massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nec tortor. Sed facilisis felis quis augue.</p>

<h1>Interests</h1>
<p>Proin blandit dui eu turpis. Phasellus sed leo. Quisque blandit blandit ipsum? Donec ultrices! Praesent ac massa at augue sodales ullamcorper! Aenean eu mi vel lorem vehicula commodo? Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse facilisis, magna at facilisis vulputate, pede lacus fringilla diam, at iaculis pede risus imperdiet velit. Donec eget leo vitae sapien ultricies aliquam. <em>Sed nec sem.</em> Nullam ipsum tortor, consequat vitae, volutpat nec, placerat vestibulum, lectus. Cras dapibus, odio sed tempus eleifend, justo ante tincidunt urna, a lacinia lacus risus a justo! Maecenas mauris odio, ultrices ac, suscipit a, commodo non, magna.</p>
  </div>

<div class="footer">
    <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><br />
    © 2008 <a href="http://fixtatik.com">Fixtatik</a> | © 2003-2008 Myspace.com. All rights reserved.
  </div>
</div>

Layout Comments

Showing latest 9 of 9 comments

suicidaltragedy - please read the notes before mentioning problems. if you put the layout on your myspace, it's perfectly fine (though the navigation might be a little off because i haven't updated layouts on CB that i made before the new navigation--updated ones are at www.fixtatik.com/resources/mys pace/layouts)

By fixtatik on Aug 14, 2008 2:34 am

O:!!!
I see some of the myspaces crap in the back T.T
This stuff:::

Heroes
Groups: CreateBlog.com

View All CreateBlog.com's Groups

CreateBlog.com's Details
Status: Single
Here for: Networking, Friends
Zodiac Sign: Cancer

CreateBlog .com is in your extended network

CreateBlog.com's Latest Blog Entry [Subscribe to this Blog]

I

By SuicidalTragedy on Aug 12, 2008 11:50 pm

beautifully done. hah yeah i kinda agree with russman. but it still looks great. . and i'm more of a girly girly person when it comes to designing layouts.

By michellekdo on May 21, 2008 11:01 pm