Candy Banana

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.

WARNING: the comments section on this layout may stretch if someone posts a comment with too many consecutive characters without spaces.

NOTE: the extra tables in the layout will not show up in your myspace profile, and the friends section will look similar to the other tables. the mistakes in the preview are just a CB previewer error.

• 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

<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Ðesign - http://grrdesign.createblog.com } .navigationBar, .profileInfo, .userProfileURL, .contactTable, .interestsAndDetails, .userProfileDetail, .userProfileSchool, .userProfileNetworking, .userProfileCompany, .extendedNetwork, .latestBlogEntry, .blurbs td.text, .orangetext15, .btext, .redbtext, .redtext, .friendtext, .blacktext10 { display:none; } body { background:url(http://cbimg9.com/layouts/08/05/27676aa.png); } table div { display:none; } div table div, table table div { display:block; } table, tr, td { background:none; border:0; } table { border-collapse:collapse; border-spacing:0; } td { padding:0; } a img { background-color:000000; border-color:ffcc00; border-style:solid; border-width:1px; padding:2px; } .friendSpace { position:relative; margin:-36px 82px 0 0; _margin:-47px 84px 0 0; } .friendSpace, .friendSpace td.text, .friendSpace td.text table { width:52px; } .friendSpace td.text table td span.orangetext15 { background:url(http://cbimg9.com/layouts/08/05/27676ab.png) no-repeat; width:210px; height:20px; display:block; } .friendSpace td.text table td table { background:url(http://cbimg9.com/layouts/08/05/27676ac.png) repeat-y; position:relative; margin:0 1px 0 0; _margin:-1px 0 0 0; } .friendSpace td.text table td table table { background:none; } .friendSpace td { width:40px!important; } .friendSpace a { font-size:0em; } .friendSpace div { background:url(http://cbimg9.com/layouts/08/05/27676ad.png) no-repeat; position:relative; margin:0 2px 0 0; width:211px; height:30px; display:block; text-align:center;} .friendSpace div a { padding:0 5px; } .friendSpace img { width:30px; } .friendsComments { position:relative; margin:-30px 86px 30px 0; _margin:-30px 84px 30px 0; } .friendsComments td { padding:0 10px; } .friendsComments table { border-color:1a1a1a; } .friendsComments, .friendsComments td.text, .friendsComments td.text table, .friendsComments td.text table td { width:210px; } .friendsComments td.text table td a { background:url(http://cbimg9.com/layouts/08/05/27676ad.png) bottom no-repeat; width:210px; height:20px; display:block; text-align:center; padding:0 0 10px 0; _position:relative; _margin:-3px 0 0 -3px; } .friendsComments td.text table td td a { background:none; width:auto; display:inline-block; width:auto; height:auto; padding:0; } .friendsComments td.text table td table table { background:none; } .friendsComments td.text table td span.orangetext15 { background:url(http://cbimg9.com/layouts/08/05/27676ab.png) no-repeat; width:210px; height:20px; display:block; } .friendsComments td.text table td table { background:url(http://cbimg9.com/layouts/08/05/27676ac.png) repeat-y; width:210px; _position:relative; _margin:-7px 0 0 -3px; } .friendsComments td.text table td b { display:none; } .friendsComments td.text table td td b { display:inline-block; } .friendsComments td.text table td table td { width:55px; } .friendsComments td.text table td table td img { width:50px; } .friendsComments .columnsWidening img, .friendsComments .columnsWidening object, .friendsComments .columnsWidening embed { max-width:90px; _width:90px; } .friendSpace td.text table td span.orangetext15, .friendsComments td.text table td span.orangetext15, h1, h2, h3, h4, h5, h6 { font:12px Georgia, "Times New Roman", Times, serif!important; color:ffcc00; text-align:center; text-transform:lowercase; padding:10px 0 0 0; } .contactlinks { position:absolute; left:50%; margin:-21px 0 0 -190px; _margin:-26px 0 0 -190px; width:210px; } .contactlinks a { display:inline-block; padding:3px 3px 5px 3px; background-color:1a1a1a; border-color:ffcc00; border-style:solid; border-width:1px; border-bottom:0; font:10px "Courier New", Courier, monospace; } .contactlinks a:hover { padding-bottom:10px; position:relative; top:-5px; _top:0; _margin-top:-5px; } .main { position:absolute!important; left:50%; margin:-6px 0 0 -200px; _margin:-11px 0 0 -200px; width:210px; } .contenttop { display:block; width:210px; height:30px; background:url(http://cbimg9.com/layouts/08/05/27676ab.png); } .contentmid { display:table; width:210px; background:url(http://cbimg9.com/layouts/08/05/27676ac.png) repeat-y; } .contentbot { display:block; width:210px; height:30px; background:url(http://cbimg9.com/layouts/08/05/27676ad.png); } .footer { margin-bottom:30px; } div, p, td, span { font:10px Arial, Helvetica, sans-serif!important; color:ffcc00!important; line-height:10px!important; } p { text-align:justify; padding:0 10px; } a, a.redlink { color:e400ff!important; font:normal 10px Arial, Helvetica, sans-serif; } a:hover, a.redlink:hover { color:9704a8!important; text-decoration:none!important; } sup, sub { line-height:0; font-size:8px; } u { border-bottom-color:e400ff; border-bottom-style:dotted; border-bottom-width:1px; } img.default { margin:0 3px 3px 0; } </style>

<div class="contactlinks"> <a href="http://home.myspace.com/index.cfm?fuseaction=user">home</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXXX">add</a> <a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX">msg</a> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX">pic</a> <a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX">blk</a> </div> <div class="main"> <div class="contenttop"></div> <div class="contentmid"> <p><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX"><img class="default" src="http://cbimg9.com/layouts/08/05/27676ae.gif" align="left"></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sodales velit quis risus. Donec odio turpis, ullamcorper eu, semper eget, volutpat placerat, ligula. Maecenas nec arcu vel ipsum vulputate cursus. Mauris eget purus ut sem dapibus malesuada. Morbi a lacus ac leo commodo ultricies? Vivamus hendrerit. Pellentesque massa justo, pulvinar et, malesuada in, adipiscing ut, mi! Ut at justo sed lectus laoreet auctor. Morbi rutrum luctus felis. Nulla eget purus? Nulla vel purus. Nulla luctus varius felis. Phasellus et elit dapibus nibh cursus pharetra. Morbi gravida, libero eu vestibulum tincidunt; est urna eleifend velit, ac varius arcu pede at massa!</p> <p>Quisque ut nisl. Aenean aliquet accumsan quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc lobortis tortor sit amet pede. Cras dignissim. Duis a elit. Nullam euismod lectus ut ligula? Ut ipsum. Vestibulum malesuada rhoncus dolor. Vivamus facilisis. Nulla ac sem. Quisque molestie lorem vel tortor. Etiam eleifend lorem vitae erat. Pellentesque et libero? Nam eget purus eu odio eleifend feugiat! Duis mattis scelerisque diam.</p> <p>In sit amet purus. Etiam iaculis. Nunc sed ipsum et quam sollicitudin gravida. Nullam pulvinar, odio eget tincidunt consectetuer, lorem nunc mollis felis, sit amet commodo leo ipsum sed massa. In hac habitasse platea dictumst. Nam sed mauris. Duis vitae nisl eget ligula varius venenatis. Cras elit orci, imperdiet nec, lobortis et, iaculis tempus, leo! Phasellus convallis, sem sit amet mattis gravida, odio dui gravida nisi, vitae molestie est tellus quis libero. Fusce tempus, velit a faucibus ornare, lorem quam scelerisque sapien, eget adipiscing ipsum dui eu velit. Cras metus mauris, vehicula eget, malesuada ut; consectetuer in, massa? Donec urna nisi, dignissim eu, pellentesque ac, posuere tincidunt, turpis. Ut convallis faucibus enim? Donec suscipit. Aenean id nisl a felis volutpat lacinia. Quisque dolor diam, eleifend id; euismod vitae, suscipit id, purus. Phasellus vulputate. Pellentesque eros nisi, facilisis vel; adipiscing id, dictum id, dolor.</p> </div> <div class="contentbot"></div> <div class="contenttop"></div> <div class="contentmid"> <p class="footertext">© 2008 <a href="http://fixtatik.com">fixtatik</a><br /> © 2003-2008 myspace.com.<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></p> </div> <div class="contentbot footer"></div> </div>

I really like this a lot. The yellow looks so good in this.

the comments section is overlapping the about me section
help

thanx

SkeleBoy - the content box does stretch.
sweetphatty, xFabby & fashion1421 - the misalignment on CB are just because the CB previewer is outdated. the comments section will be misaligned if someone posts a comment with too many consecutive characters without spaces. if people type normally in your comments, it looks good in every browser.

i wanna use it but is misaligned..can u plz fix it

I really like the colors. And the navigation is really good. The organization is navigation is a plus, too. I really like the layout...There I said it! LOL.

I love your rollovers.
Does the content box stretch, or do you have to fill it all the way up?

i really like the layouts but you might need to fix the alignment problems on it...

I love the concept, but unfortunately it's pretty gruesomely misaligned in Firefox and the fact that the comments are not contained to a scroll box makes it really messy.

Designer	fixtatik
Submitted on	May 18, 2008
Page views	15,390
Favorites	53
Comments	9
Reviewer	doublehelix
Approved on	May 18, 2008

minimal, round edges, two column, thin

• Grab your Friend ID
• Grab layout codes
• Myspace / Xanga tracker

• Here I Stand Layouts