Myspace 2.0
Yo soy un verdugo… I spent a few hours re-designing Myspace.com… I can’t stand the layouts they have. My only issue is that the css code has a bug in Fire Fox and it displays
..tr>
It’s anoying and I can’t find it… maybe i’ll spend some time throughout the week trying to figure it out…
If you want to create your own layout you can begin by reading the basics written by Derek Punsalan @ 5thityone.com… This is yet another way of creating your own layout… it’s easy but I didn’t use it ofcourse… It’s just an intro to the DIV overlay which I thought was great.
The new layout contains most of the old layouts coding with a different background and a few minor changes… here is the code that MySpace.com doesn’t like…
.comt td td td table, .btext, .orangetext15, .redlink {display:none;}
.comt td td td {visibility:visible; background-color:transparent !important; border:0px; width:90%;}
.comt table { visibility:hidden; height:0px; position:relative; top: -55px; width: 300px; }
*html .comt table {top: -25px !important;}
.comt td b {visibility:visible; display:none; position:relative; top: -45px; text-align: center;}
.comt td td td b {top:0px; display:inline;}
.comt td td td div {display:none;}
.comt td td td a {visibility: visible; font-size:12px;}
.comt a img {visibility:visible; border: 1px solid dddddd;}
.comt td a {visibility:hidden;}
.comt td td td { border-bottom: 1px dotted; border-color: white; padding: 5px 15px 5px 15px; }
.blacktext10 { font-family: “Trebuchet MS”; font-size: 14px; font-weight: normal;color: navy; display:block;width: 300px; text-align: right; visibility: visible !important;}
.comt td td td, .comt td td td b { font-family: “Trebuchet MS”; font-size: 16px; color: white; text-align: justify; }
.comt td b, .comt td b a, .redtext { font-family: “Trebuchet MS”; font-size: 10px; color: white; text-decoration: none; }
.comt td td td a:link, .comt td td td a:visited, .comt td td td a:active { font-family: “Trebuchet MS”; font-size: 12px; color: white; text-decoration: none; font-weight: normal; text-align: center; }
.comt td td td a:hover {color: navy !important; text-decoration: underline;}
.comt td td td a:hover {color: white;}
.comt td a {font-family: Verdana;font-size: 14px;color: 0e9bdc;text-decoration: none;}
.comt td a:hover {color: white;}
.comt img {width: 320px; max-width: 320px; width: auto;}
*html .comt img {width: 320px;}
.comt a img {width: 90px; max-width: 260px; width: auto;}
*html .comt a img {width: 90px;}
.comt div img {width: 160px;}
*html .comt div img {width: 160px;}
.comt {visibility:visible;width: 570px; height: 420px;position:absolute;top: 328px; left: 38%; margin-left: -138px;overflow:auto;border: 0px solid;text-align: justify;}
Go figure… CSS is a little complicated if you ask me… especially when you want to conform to MySpace coding.
**Update: Here is another link to modifying your MySpace DIV layout…