Twilight Rhapsody

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. you can add more sections by using the following:

<h1>Title</h1><p>Content</p>

credits
- brushes made by renowned author Annika von Holdt.

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/27862aa.png); background-position:top left; background-attachment:scroll; background-repeat:repeat-x; }

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

div, td, a, span, p, font, li { font:11px Arial, Helvetica, sans-serif; }
a img { border:none; }
h1, h2, h3, h4, h5, h6 { font:bold 13px Arial, Helvetica, sans-serif; color:990000; }
.info h1 { font-size:14px; color:ffffff; }
.info h2 { font:bold 10px Arial, Helvetica, sans-serif; color:ffffff; }
a { color:990000!important; }
a:hover { color:ff0000!important; }

.top { width:294px; height:161px; background:url(http://cbimg9.com/layouts/08/05/27862ab.png); position:absolute; top:0%; left:0%; }
.nav { width:509px; position:absolute; top:0%; left:50%; margin:137px 0 0 -255px; text-align:right; }
.nav ul li { display:inline; list-style:none; }
.nav ul li a { display:inline-block; padding:5px 10px; background-color:990000; border:1px solid red; color:ffffff!important; text-decoration:none!important; text-transform:lowercase; }
.nav ul li a:hover, .nav ul li a.first { background:none; border-color:2f2f2f; border-style:solid; border-width:1px; color:ff0000!important; }
.main { width:537px; background:url(http://cbimg9.com/layouts/08/05/27862ac.png); position:absolute; top:0%; left:50%; margin:161px 0 0 -264px; }
.header { width:507px; height:305px; _height:340px; background:url(http://cbimg9.com/layouts/08/05/27862ad.png); margin:0 14px; padding:35px 0 0 0; }
.info { width:437px; height:146px; _height:151px; background:url(http://cbimg9.com/layouts/08/05/27862ae.png); margin:0 35px; padding:5px 0 0 0; overflow:hidden; }
.info div.img { width:131px; height:131px; margin:5px 10px; overflow:hidden; float:left; }
.info div.img img { width:131px; }
.infotext { width:280px; height:131px; float:right; }
.details, .contact { width:135px; float:left; margin:5px 0; }
.details td { color:ffffff; }
.contact ul li { list-style:none; _margin-bottom:-15px; }
.contact ul li a { display:block; margin:1px 0; padding:1px 10px; background-color:990000; border:1px solid red; color:ffffff!important; text-decoration:none!important; text-transform:lowercase; }
.contact ul li a:hover { color:ff0000!important; background:none; border-color:2f2f2f; border-style:solid; border-width:1px; }
.content { margin:5px 20px; }
.footer { width:497px; height:25px; background:url(http://cbimg9.com/layouts/08/05/27862af.png); margin:5px 19px; }
.footer p { padding:8px 10px 0 10px; font:8px "Small Fonts"; color:ffffff; }
.footer a { font:8px "Small Fonts"; color:ffffff!important; }
.footer a:hover { color:ff0000!important; }
.footer a.bot { padding:0 5px; }
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="top"></div>
<div class="nav">
  <ul>
    <li><a class="first" 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>
    <li><a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">Block</a></li>
  </ul>
</div>
<div class="main">
  <div class="header">
    <div class="info">
      <div class="img"><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img src="http://cbimg9.com/layouts/08/05/27862ag.gif" class="default" align="left" /></a></div>
      <div class="infotext">
        <div class="details">
          <table cellpadding="0" cellspacing="0">
          <tr><td colspan="2"><h1>NAME</h1></td></tr>
          <tr><td colspan="2"><h2>"HEADLINE / QUOTE"</h2></td></tr>
          <tr><td colspan="2"> </td></tr>
          <tr><td valign="top">Gender:</td><td>GENDER</td></tr>
          <tr><td valign="top">Age:</td><td>AGE</td></tr>
          <tr><td valign="top">Location:</td><td><span>CITY</span>, STATE<br />COUNTRY</td></tr>
          </table>
        </div>
        <div class="contact">
          <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://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX">View Friends</a></li>
            <li><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.ListAll&friendID=XXXXXXXX">Read Blog</a></li>
          </ul>
        </div>
      </div>
    </div>
  </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>
<br style="line-height:20px;" />
<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">
    <p>
      © 2008 <a href="http://fixtatik.com">Fixtatik</a>
      © 2003-2008 Myspace.com. All rights reserved.
      <a class="bot" href="http://www.myspace.com/index.cfm?fuseaction=misc.terms">Terms</a>
      <a class="bot" href="http://www.myspace.com/index.cfm?fuseaction=misc.privacy">Privacy</a>
      <a class="bot" href="http://www.myspace.com/index.cfm?fuseaction=cms.viewpage&placement=safetysite">Safety</a>
      <a class="bot" href="http://collect.myspace.com/index.cfm?fuseaction=misc.contactInput&ProfileContentID=XXXXXXXX">Report Abuse</a>
    </p>
  </div>
</div>

Layout Comments

Showing latest 10 of 20 comments

theskrewsloose - i'm not sure what you're doing, so i can't really help you out with it. if it's with every cB layout, try asking in the forums.

By fixtatik on Jul 30, 2008 1:54 am

why do all my layouts from createblog keep coming out misaligned??
like this one.
err am i doing something wrongg?

By theskrewsloose on Jul 29, 2008 4:15 am

I love how it's Annika's work. I've been such a fan of her art for a looong time, and I was surprised to see this! Good choice, good work.

By IsiiDeLovely on Jun 27, 2008 8:58 pm

Is it somewhere in this range?

Because I tried the info div, the img div and even the infotext div, and none of it works. Sorry to keep bugging you, but I just can't get it to work out at all.

By beph on Jun 5, 2008 1:56 pm

its very good, but the part of the left side i cant put nothing, how i can do ?

By COGOMI on Jun 5, 2008 1:45 am

beph - your default image should be in the "info" div right after the view pictures link.

By fixtatik on Jun 3, 2008 1:56 pm

The only thing I can't seem to get right is how to change the CB image to my default. I have the URL, however I must be skipping over there it belongs. I somehow made the image disappear, but my default did not replace it.

By beph on Jun 3, 2008 2:17 am

I like this alot. Very different.

By Decode on May 30, 2008 4:13 pm

that's great!

By emberfly on May 27, 2008 11:26 am

Very well put together!!! And the graphics are gorgeous!!!

By lollipoplove on May 26, 2008 9:58 pm

View all »

Layout Details

Designer	fixtatik
Submitted on	May 25, 2008
Page views	25,930
Favorites	110
Comments	20
Reviewer	Relentless
Approved on	May 25, 2008

Twilight Rhapsody

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