Silhouette Girl

Please change all xxxxxx's to your Friend ID,

Also change the picture to your own.


ATTENTION: When this code is used for myspace, it is not misaligned like how it looks in the cB Live Preview. It's more suited for IE aswell.

• 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"> .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,.btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <style type="text/css"> body { background-color: 993366; } </style> <style type="text/css"> .navigation { width:auto; height:auto; overflow-x:hidden; position:absolute; z-index:2; background-color:transparent; border:0px solid; border-color:white; margin-left:-185px; margin-top:-140px; text-align:justify; visibility:visible; } </style>

<div class="navigation"> <img src="http://cbimg6.com/layouts/07/10/04/22094aa.png" width="661" height="463" border="0" alt="" usemap="#navibar_Map"> <map name="navibar_Map"> <area shape="rect" alt="Home" coords="71,403,102,413" href="http://home.myspace.com/index.cfm?fuseaction=user"> <area shape="rect" alt="Add" coords="111,402,132,412" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxx"> <area shape="rect" alt="Message" coords="141,404,164,413" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxx"> <area shape="rect" alt="Block" coords="172,403,199,413" href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=xxxxxx"> <area shape="rect" alt="Pics" coords="208,404,231,413" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=xxxxxx"> </map> </div> <div class="content" style="position: absolute; left:731px; top:255px; width:150px; height:50px; overflow: auto; z-index:2; color:ffffff; font-family:arial font-size:9px; font-weight:bold; "> about me </div> <div class="content" style="position: absolute; left:731px; top:495px; width:150px; height:50px; overflow: auto; z-index:2; color:ffffff; font-family:arial font-size:9px; font-weight:bold; "> comment </div> <div class="content" style="position: absolute; left:620px; top:270px; width:174px; height:215px; overflow: auto; z-index:2; color:ffffff; font-family:tahoma; font-size:10px; "> this is where you write everything about yourself! include things like your name, ago, location, likes, dislikes, anything at all really! plus I am basically using this text as a filler, to show the about me box full :) so now I will just type gibberish to make it even fuller. well well well party banana much? live live googoo whaa whee. ipsum ipsum what the hell is ipsum, coogie poo marrr tika resting in sly captivity. moo moo moo cow moo moo giselle elephant meerkat meerkat monkey cheetah. cheetah cheetah lion tiger! ipsum ipsum what the hell is ipsum, coogie poo marrr tika. </div> <div class="content" style="position: absolute; left:429px; top:411px; width:150px; height:50px; overflow: auto; z-index:2; color:ffffff; font-family:arial font-size:9px; font-weight:bold; "> custom heading here </div> <div class="content" style="position: absolute; left:388px; top:427px; width:175px; height:152px; overflow: auto; z-index:2; color:ffffff; font-size:10px; font-family:tahoma; "> put absolutely anything you like here. anything, anything anything. whatever your heart desires :) so just change the heading to match whatever you're putting in here, then voila! there you have it. so as i said the space here is to be used for anything. friends list, a countdown to something, music, tv, books, who i'd like to meet. just.. anything! :) </div> <div class="content" style="position: absolute; left:388px; top:255px; width:175px; height:141px; overflow: auto; z-index:2; "> <img src="http://cbimg6.com/layouts/07/10/04/22094ab.jpg"> </div> <div class="content" style="position: absolute; left:620px; top:520px; width:176px; height:67px; overflow: auto; z-index:2; "> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="XXXXXXXX" type="hidden"> <textarea name="f_comments" cols="10" rows="7" style="width: 160; height: 35px;border-width: 0px; border-style: solid; border-color: 000000; font-family: tahoma; text-transform:lowercase; letter-spacing:1pt;font-size: 9px; color:FFF; background-color:000; overflow:auto; text-align:center; ">Hello, deary! <3 </textarea> <br> <input value="P O S T" style="border-width: 1px; border-style: solid; border-color: ffffff; width:160px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: ffffff; background-color: 000000;" type="submit"> </form> </div> <div class="content" style="position: absolute; left:501px; top:196px; width:300px; height:150px; overflow: auto; z-index:2; color:ffffff; font-family:georgia; font-size:27px; font-weight:normal; letter-spacing:-1px; "> Your Name Here </div>

I edited this for FF.
It works with these margin codes:

margin-left:-185px;

margin-top:-140px;

yeps i think it is.
I previewed it =[ it looks all messed up.

I edited the layout to the margin top and margin left, and it looks even worse now =| Or is it just me?

very pretty

Alright, I seem to have tinkered around with my alignment enough in IE that it's all good.

-115 for the margin-left.
-110 for the margin-top.

REMEMBER, this is for Internet Explorer.

By the way, I love this layout. Very creative.

This is so cute! I just wish it didn't come up misaligned

Strangely the CB Live Preview makes it look totally misaligned. In FF on Myspace, it looks perfect. So I dunno about that =|

Play around with the numbers regarding "margin-left/top" in the navigation field in about me. That should help the alignment. =]

yuppppp misaligned, i like the set up from the preview

It's misaligned in IE too or at least it is for me.

View all »

Designer	Jennifer
Submitted on	Oct 4, 2007
Page views	27,505
Favorites	121
Comments	12
Reviewer	IVIike
Approved on	Oct 4, 2007

, purple, black, small

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

• Here I Stand Layouts