Diagonalis V2

Read this before asking any questions!

1. Go to "Select Theme" and choose "No Theme". Make sure your page width is set to 960 pixels, and I recommend you use the first page layout.

2. Go here to see what it actually looks like, the live preview in inaccurate.

3. Tested in Firefox, Internet Explorer, Safari, Opera, Flock, and Chrome.

I personally didn't like the "wavy" look of Diagonalis V1, so I created this for myself. I originally had no plans on submitting it, but I had a change of heart. Enjoy!

• 1. Log into myspace.com
• 2. Click on Edit Profile (Profile 2.0)
• 3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

{!- Copyright: www.myspace.com/itsmattadams -!} body {background-color: #C8C2AD; background-image: url(http://cbimg9.com/layouts/08/11/32681aa.png); background-repeat: repeat-y; background-position: top center; background-attachment: fixed;} div.moduleBody {padding: 5px 10px 5px 7px;} div.blurbAboutMe, div.blurbLikeToMeet {padding: 2px;} span.urlLink {margin-right: 4px;} div.pageLinks a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.pageLinks a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.pageLinks a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} span.urlLink a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none; padding: 0px; background-image: none;} span.urlLink a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none; padding: 0px; background-image: none;} span.urlLink a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none; padding: 0px; background-image: none;} ul.contactLinks a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none; padding: 0px; background-image: none;} ul.contactLinks a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none; padding: 0px; background-image: none;} ul.contactLinks a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none; padding: 0px; background-image: none;} div.interestsModule a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.interestsModule a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.interestsModule a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} div.blurbsModule a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.blurbsModule a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.blurbsModule a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} div.blogsModule a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.blogsModule a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.blogsModule a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} div.detailsModule a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.detailsModule a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.detailsModule a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} ul.commentsInfo a:link, div.userComment a:link, ul.links a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} ul.commentsInfo a:visited, div.userComment a:visited, ul.links a:visted {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} ul.commentsInfo a:hover, div.userComment a:hover, ul.links a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} div.user a:link {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.user a:visited {color: #5A3082; font-family: Arial; font-size: 1em; border-bottom:1px dotted #7F7967; text-decoration: none;} div.user a:hover {color: #6E2723; font-family: Arial; font-size: 1em; border-bottom:1px solid #6F6A5A; background-color: #AAA28A; text-decoration: none;} div#footer a:link {color: #5A3082; font-family: Arial; font-size: 1em; text-decoration: none;} div#footer a:visited {color: #5A3082; font-family: Arial; font-size: 1em; text-decoration: none;} div#footer a:hover {color: #6E2723; font-family: Arial; font-size: 1em; background-color: #BFB79B; text-decoration: none;} div#modulebasicInfo .moduleMid {width: 925px; padding-top: 15px; background-image:url(http://cbimg9.com/layouts/08/11/32681ab.gif); background-repeat:no-repeat;} div#modulebasicInfo .moduleBody {padding: 10px; background-image: url(http://cbimg9.com/layouts/08/11/32681ac.gif); background-repeat: repeat-y;} div#modulebasicInfo {width: 925px; padding-bottom: 25px; background-image:url(http://cbimg9.com/layouts/08/11/32681ad.gif); background-position:bottom; background-repeat:no-repeat;} div.column0 .moduleHead {height: 35px; margin-bottom: -30px; background-image:url(http://cbimg9.com/layouts/08/11/32681ae.gif); background-position:top left; background-repeat:no-repeat;} div.column0 .moduleBody {background-image:url(http://cbimg9.com/layouts/08/11/32681af.gif); background-position:bottom left; background-repeat:repeat-y;} div.column0 .moduleMid2 {width: 320px; padding-bottom: 20px; background-image:url(http://cbimg9.com/layouts/08/11/32681ag.gif); background-position:bottom left; background-repeat:no-repeat;} div.column1 .moduleHead {height: 35px; margin-bottom: -30px; background-image:url(http://cbimg9.com/layouts/08/11/32681ah.gif); background-position:top left; background-repeat:no-repeat;} div.column1 .moduleBody {background-image:url(http://cbimg9.com/layouts/08/11/32681ai.gif); background-position:bottom left; background-repeat:repeat-y;} div.column1 .moduleMid2 {width: 586px; padding-bottom: 20px; background-image:url(http://cbimg9.com/layouts/08/11/32681aj.gif); background-position:bottom left; background-repeat:no-repeat;} div.column h3 span span {border-bottom: 2px solid; display: block; padding-bottom: 5px;} div.column1 h3 {font-family: Arial; color: #000000; font-size: 1.4em; font-weight: bold; display: block; text-align: right; padding: 7px 12px 16px 8px;} div.column0 h3 {font-family: Arial; color: #000000; font-size: 1.4em; font-weight: bold; display: block; text-align: right; padding: 7px 12px 16px 8px;} div#musicPlayer {margin: 0px 0px -2px 4px;} div.column0 .musicPlayerModule .moduleMid {width: 320px; padding-top: 10px; background-image:url(http://cbimg9.com/layouts/08/11/32681ae.gif); background-position: top left; background-repeat: no-repeat;} div.column1 .musicPlayerModule .moduleMid {width: 320px; padding-top: 12px; background-image:url(http://cbimg9.com/layouts/08/11/32681ae.gif); background-position: top left; background-repeat: no-repeat;} div.column1 .musicPlayerModule .moduleBody {width: 320px; background-image:url(http://cbimg9.com/layouts/08/11/32681af.gif); background-position:bottom left; background-repeat:repeat-y;} div.column1 .musicPlayerModule .moduleMid2 {width: 320px; background-image:url(http://cbimg9.com/layouts/08/11/32681ag.gif); background-position: bottom left;} div.videoSliderModule embed {margin: 0px 0px -10px 0px;} div.column0 .videoSliderModule {width: 320px; padding-top: 10px; background-position:top; background-repeat:no-repeat; background-image:url(http://cbimg9.com/layouts/08/11/32681ae.gif);} div.column1 .videoSliderModule {width: 581px; padding-top: 10px; background-position:top right; background-repeat:no-repeat; background-image:url(http://cbimg9.com/layouts/08/11/32681ah.gif);} div.column0 .videoPlayerModule {width: 320px; padding-top: 10px; background-position:top; background-repeat:no-repeat; background-image:url(http://cbimg9.com/layouts/08/11/32681ae.gif);} div.column1 .videoPlayerModule {width: 581px; padding-top: 10px; background-position:top right; background-repeat:no-repeat; background-image:url(http://cbimg9.com/layouts/08/11/32681ah.gif);} div.blurbAboutMe, div.blurbLikeToMeet {color: #000000; width: 567px; margin-left: 2px; margin-top: -10px;} div.blurbAboutMe h4 {width: 561px; font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; margin: 0px; padding: 2px 2px 4px 2px; text-transform: capitalize;} div.blurbLikeToMeet h4 {width: 561px; font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; margin: 10px 0px 0px 0px; padding: 2px 2px 4px 2px; text-transform: capitalize;} .interestGeneral h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 4px 2px;} .interestMusic h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 4px 2px;} .interestMovies h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 4px 2px;} .interestTelevision h4 {font-family: Arial; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 4px 2px;} .interestBooks h4 {font-family: Trebuchet MS; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 2px 2px; text-transform: capitalize;} .interestHeroes h4 {font-family: Trebuchet MS; color: #342840; font-size: 1.2em; font-weight: bold; background-color: #A39984; padding: 2px 2px 2px 2px; text-transform: capitalize;} div.detailsModule .odd {font-family: Arial; color: #342840; font-size: 1em; font-weight: bold; padding: 3px 3px 3px 3px; text-transform: capitalize;} div.detailsModule .odd span {font-family: Arial; color: #000000; font-size: 1em;} div.detailsModule .even {background-color: #A39984; font-family: Arial; color: #342840; font-size: 1em; font-weight: bold; padding: 3px 3px 3px 3px; text-transform: capitalize;} div.detailsModule .even span {font-family: Arial; color: #000000; font-size: 1em;} #footer {color: #000000;} #topnav ul {border:0px solid;} #topnav ul li {border-left: 0px;} h4.SocialVibe {margin-top: 8px;} div.blurbAboutMe h4 {margin-top: 10px;} div#header, div#googlebar {background:none;} #topnav {background-color:#A39984; border: 0px;} .mdpapplicationModule .moduleBody {padding: 5px;} div#footer {padding-bottom:10px; margin-bottom: 20px;} div.commentsModule ul.moduleList li.odd div.user {float:right;} div.modulebasicInfo em {color: #342840; font-style: normal; margin-left: 3px;} div.friendSpaceModule .toolbarCount, div.friendSpaceModule ul.links {display: none;} div.commentsModule div.moduleBody div.user img.OnlineNow {display:none;} div.commentsModule ul.moduleList li.odd {background-color: #A39984; margin-left: 1px;} div.commentsModule ul.moduleList li.odd div.userComment {margin-left:0px; margin-right: 25%;} div.photo a img {border: 3px solid #AFA78E;} div.photo a:hover img {border: 3px solid #AAA28A;} div.photo {width: 176px;} div.basicInfoModule ul.profileUserAlbum a {border: 3px solid #9F9881;} div.basicInfoModule ul.profileUserAlbum a:hover {border: 3px solid #AAA28A;} div.basicInfoModule ul.profileUserAlbum {height: 66px;} div.friendSpaceModule .moduleList li a img.ImgOnlineNow {display: none;} div.column1 .friendSpaceModule ol.squarePhotos li, div.friendSpaceModule ol.moduleList li {width: 40px; height: 40px; margin-right: 11px; overflow: visible;} div.column1 .friendSpaceModule .moduleList li a span {position: absolute; top: -45px; left: -35px; visibility: hidden;} div.column1 .friendSpaceModule .moduleList li a img {height: 40px; width: 40px; border: solid 2px #AAA28A;} div.column1 .friendSpaceModule .moduleList li a:hover img {height: 40px; width: 40px; border: solid 2px #AF9D78;} div.column0 .friendSpaceModule ol.squarePhotos li, div.friendSpaceModule ol.moduleList li {width: 40px; height: 40px; margin-right: 10px; overflow: visible;} div.column0 .friendSpaceModule .moduleList li a span {position: absolute; top: -45px; left: -35px; visibility: hidden;} div.column0 .friendSpaceModule .moduleList li a img {height: 40px; width: 40px; border: solid 2px #AAA28A;} div.column0 .friendSpaceModule .moduleList li a:hover img {height: 40px; width: 40px; border: solid 2px #AF9D78;} div.commentsModule span.toolbarCount {display: none;} div.commentsModule .moduleList li.even a img {padding: 3px; background-color: #AAA28A;} div.commentsModule .moduleList li.even a:hover img {padding: 3px; background-color: #AF9D78;} div.commentsModule .moduleList li.odd a img {padding: 3px; background-color: #AAA28A;} div.commentsModule .moduleList li.odd a:hover img {padding: 3px; background-color: #AFA183;} {!-apply background image; replace with url of your image -!} .profileUserInfo img.ImgOnlineNow {margin-top: 5px; background-image:url(http://cbimg9.com/layouts/08/11/32681ak.gif); background-repeat: no-repeat;} .profileUserInfo img.ImgOnlineNow {height:0px; width:0px; padding-top:20px; padding-right:80px; background-position: center center;}

It's messed up for me too.

comes out all messed up for me o_O

At the very top where it says your age/ gender
where ur from and ur last login the bar for that is white all across to where it shows the 3 pictures u selected to be shown above and below that its that nice brownish tannish color but the other parts white how can i change tat? :(

This is pretty sickkkk. I love the background.

This is awesome Matt!
I love it!!!!
Keep this up
and you might just convince me
to swap to 2.0!!!

you're getting better w/ each lyt!

is there any way to use the layout in 750? not 960?

Yay! I like this one better.
You do a great job at 2.0 layouts!

this is very nice!

i like. =]

Designer	itsmattadams
Submitted on	Nov 24, 2008
Page views	22,452
Favorites	39
Comments	10
Reviewer	schizo
Approved on	Nov 24, 2008

abstract, diagonalis, lines, light, brown, css, myspace, design, layout, profile, default

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

• Here I Stand Layouts