Simply Sombre (For Myspace)

I also submitted this layout as a web template. Hope you like it!

Everything you need to edit is in the "Who I'd like to meet" section, & remember to replace the "xxx"'s with your friend ID. Get your friend ID here!

Please don't remove the creit, as always.
Brush Credit: Mary's Stamps, Panicked.

Any questions? Leave a comment.
Enjoy!

• 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"> body {background-color:cccccc; scrollbar-track-color:cccccc; scrollbar-arrow-color:ffffff; scrollbar-face-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-darkshadow-color:ffffff; scrollbar-shadow-color:ffffff; scrollbar-3dlight-color:ffffff; scrollbar-base-color:ffffff;} .title {font-family:georgia; font-size:60px; color:ffffff;} .subtitle {font-family:georgia !important; font-size:11px; color:999999;} .text {font-family:georgia; font-size:9px; color:333333;} .header {font-family:georgia; font-size:18px; color:333333; border-bottom:2px solid; border-color:cccccc; padding-left:5px; padding-right:5px;} a:link, a:visited, a:active {font-family:georgia; color:999999; font-size:9px; text-decoration:none; font-weight:normal;} a:hover {font-family:georgia; color:000000; text-decoration:none; font-weight:normal;} .creditlink, .creditlink:visited, .creditlink:active {font-family:small fonts !important; text-transform:uppercase; font-size:8px !important; color:666666 !important; border:none; text-decoration:none;} .creditlink:hover {font-family:georgia; text-transform:uppercase; font-size:8px !important; color:ffffff !important; border:none; text-decoration:none;} .navilink, .navlink:visited, .navlink:active {font-family:times new roman !important; text-transform:uppercase; font-size:10px !important; line-height:20px; color:ffffff !important; border:none; text-decoration:none;} .navilink:hover {font-family:times new roman; text-transform:uppercase; font-size:10px; line-height:20px; color:ffffff !important; border:none; text-decoration:none; letter-spacing:-1px;} b{font-face:georgia; color:333333; font-weight:bold;} i{font-face:georgia; colof:cccccc; font-weight:normal;} u{font-face:georgia; color:666666; font-weight:normal; text-decoration:underline;} s{font-face:georgia; color:cccccc; font-weight:normal;} </style> <style> img {filter:none; border:none;} a:hover img {filter:gray;} a:hover {cursor:pointer; cursor:hand;} </style> <style> .navigationbar {display:none;} .contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:0;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;} table.footer {display: none;} body table td div form {display:none !important;} </style> <style> .userprofiledetail, .friendspace, .friendscomments, .userProfileURL, .userProfileSchool, .interestsAndDetails, .extendedNetwork, .latestBlogEntry, .orangetext15, .navigationbar,.profileInfo, .contacttable {display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;} table, td, tr {background-color:transparent;} </style> <style> body table td div form {display:none !important;} div table div div select {position:absolute !important; top:-200px !important; left:0px !important; } </style> <style> td td embed {width:0px; height:0px;} td td embed, td td object {width:0px; height:0px;} td.text embed, td.text object {width:320px; height:240px;} td.text embed {width:320px; height:240px;} td.text embed {width:auto; height:auto;} td.text embed, td.text object {width:auto; height:auto;}</style> <div id="basebg" style="position:absolute; width:600px; height:600px; z-index:1; left:50%; margin-left:-350px; top:90px; overflow:hidden;"><img src="http://cbimg6.com/layouts/08/03/08/26039aa.jpg" /></div> <div id="creditlinkspc" style="position:absolute; border:none; width:130px; height:20px; z-index:2; left: 20px; top: 0px;"><a href="http://www.myspace.com/crotchettheleper" class="creditlink">Crotchet The Leper</a></div>

<div id="title" style="position:absolute; width:300px; height:200px; z-index:2; left: 50%; margin-left:-120px; top: 256px;"><span class="title"><center> Name? </center></span></div><div id="subtitle" style="position:absolute; width:250px; height:40px; z-index:2; left: 50%; margin-left:-100px; top: 318px; overflow:hidden;"><span class="subtitle"><center> Headline? Headline? Headline? Headline? </center></span></div> <div id="content" style="position:absolute; width:330px; height:294px; z-index:2; left: 50%; margin-left:-150px; top: 345px; overflow-y:auto; scrollbar-track-color:ffffff; scrollbar-arrow-color:cccccc; scrollbar-face-color:ffffff;scrollbar-highlight-color:ffffff;scrollbar-darkshadow-color:ffffff;scrollbar-shadow-color:ffffff;scrollbar-3dlight-color:ffffff;scrollbar-base-color:ffffff;} "><span class="text"> <span class="header"> Some section? </span><br /><br /> <a href="">This is a link.</a> <u>This is underlined.</u> <i>This is italics.</i> <b>This is bold.</b> <s>Strikeout.</s>This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content.<br /><br /> <span class="header"> Some Other Section? </span><br /><br /> This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. This is the content. </span></div><div id="navi" style="position:absolute; border:none; width:131px; height:200px; z-index:2; left: 50%; margin-left:-235px; padding-left:5px; top: 531px;"> <a href="http://messaging.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=xxxxxxxxxxxx" class="navilink">Add Me</a><br /><a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=xxxxxxxxxxxx&MyToken=f4768334-b319-4641-ad5f-e16a133f32c8" class="navilink">Comment</a><br /><a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=xxxxxxxxxxxxx&MyToken=f4768334-b319-4641-ad5f-e16a133f32c8" class="navilink">Message</a><br /><a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=xxxxxxxxxxxxxx" class="navilink">Block</a><br /> </div>

very cute love it

hey!!
i love this layout itz amazing
itz simple yet totally cute

but i just have 1 questio how can ppl cmt my pics?
lyk where do they have 2 click?

You should add a button for Home. >_>;

Thanks soo muchh!(:

You dont have to change where it says "navilink", you only need to change where there are "XXXXXX"'s. :)

What is a "navilink" ? where can i find it ..?

hey well done on an awesome layout;
im just having some difficulty with putting the picture up;
i've tried so many times buh it just doesnt seem to work and its getting on my nerves lmao;
i'd really appreciate the help buh if you cant then thats fine

xxoo yassiiee

Love this layout. :) Could you please add more grey navigation bars for blog, pictures, view comments, home, etc. Thank you!

Aw, thanks blackDAHLIA.
:D

Um, you can define background colour that way, it works just as fine as background-color just takes up less space. This is common with layout designers that want to add other stuff (like borders and images and stuff). There's nothing wrong with it, if you knew HTML as well as you say he doesn't you'd know that.

Lovely job on this, Crotchet. It looks amazing =] (and it looks fine in firefox. At least for me.)

View all »

Designer	CrotchetTheLeper
Submitted on	Mar 8, 2008
Page views	34,922
Favorites	323
Comments	21
Reviewer	MissHygienic
Approved on	Mar 8, 2008

abstract, minimal, gray, floral, simple, box, myspace, small, dreary, elegant, pretty

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

• Here I Stand Layouts