Dark Geometrics (For Myspace)

This layout was also submitted as a web template.
Simple, yet cool looking, I think. Hope you like it!

I wouldn't suggest using this layout if you're not experienced with CSS or HTML.

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

Please don't remove the credit.
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:000000; scrollbar-track-color:000000; scrollbar-arrow-color:cccccc; scrollbar-face-color:cccccc; scrollbar-highlight-color:cccccc; scrollbar-darkshadow-color:cccccc; scrollbar-shadow-color:cccccc; scrollbar-3dlight-color:cccccc; scrollbar-base-color:cccccc;} .title {font-family:impact; font-size:60px; color:ffffff;} .subtitle {font-family:impact; font-size:10px; color:cccccc;} .text {font-family:small fonts; font-size:9px; color:333333;} .header {font-family:impact; font-size:18px; color:333333; border-bottom:2px solid; border-color:999999; padding-left:5px; padding-right:5px;} a:link, a:visited, a:active {font-family:small fonts; color:999999; font-size:9px; text-decoration:none; font-weight:normal;} a:hover {font-family:small fonts; 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:small fonts; text-transform:uppercase; font-size:8px !important; color:ffffff !important; border:none; text-decoration:none;} .navilink {font-family:impact !important; text-transform:uppercase; font-size:11px !important; line-height:20px; color:000000 !important; border:none; text-decoration:none;} .navlink:visited {font-family:impact; text-transform:uppercase; font-size:11px; line-height:20px; color:000000; border:none; text-decoration:none;} .navlink:active {font-family:impact; text-transform:uppercase; font-size:11px; line-height:20px; color:000000; border:none; text-decoration:none;} .navilink:hover {font-family:impact; text-transform:uppercase; font-size:11px; line-height:20px; color:666666 !important; border:none; text-decoration:none; letter-spacing:-0px;} </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/26045aa.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: 253px;"><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: 313px; overflow:hidden;"><span class="subtitle"><center> Headline? Headline? Headline? Headline? </center></span></div> <div id="content" style="position:absolute; width:330px; height:288px; z-index:2; left: 50%; margin-left:-150px; top: 345px; overflow-y:auto;"><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> 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. 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:-230px; 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>

how you get your picture to appear on the side? mines keeps showin up on top.

i really like this layout.
i love the shapes and how it's simple but like whoaaa. :]
awesome job, it's cute.

No problem! :D

thx! love ur layouts!

Sure, it's okay if you get rid of it. It's in the About Me section of the code, and it's the third block of code from the end. It should start with "td td embed," and you can delete that whole set that's between the style tags.

After that, it should work fine.

wheres the code that hides the music player? i cant find it.. is it ok if i take it out?

Amazing layout. Only one thing missing, a home button. XD How do you expect E.T. to return now?! :(

The code to hide the music player hides any videos you put up; and unfortunatley you can't add more grey navigation bars because those are part of the base div image. Sorry :( You can take out the code that hides the music player if you want your videos to show.

And also, when I try to put up a video, it didn't show up either.

nice! but when I try to add more navigation links,one of the navigation woudn't show up!

View all »

Designer	CrotchetTheLeper
Submitted on	Mar 8, 2008
Page views	46,958
Favorites	234
Comments	31
Reviewer	MissHygienic
Approved on	Mar 8, 2008

abstract, minimal, shapes, simple, box, myspace, small, geometric, triangles, dark

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

• Here I Stand Layouts