Anyway, I need help if possible. I want to make a new Myspace profile, like completely new. But, its so difficutlt. At first, I tried to style the page using the existing things Myspace had put in... but oh my gosh... it's impossible. The CSS is a complete mess, well... I can't make head nor tail of it...
(http://x.myspace.com/js/myspace.css)
.verdana12 { font-family: verdana; font-size: 12px; font-weight: normal; color: #000;}.button { padding: 0.2em .6em; color: #000; background: #d5e8fb; font-weight: bold; font-size: 100%; border: groove; border-color: #69c; border-width : 2;}/* REDEFINED TAGS */.admin { font-family: verdana; font-size: 14px; font-weight: normal; font-weight: bold; color: #f00;}.openedmail { font-family: verdana; font-size: 11px; font-weight: normal; text-decoration:none; color: #444;}.mailtext { font-family: verdana; font-size: 11px; font-weight: normal; color: #039;}.mailtext:link { font-family: verdana; font-size: 11px; font-weight: bold; text-decoration:underline; color: #039;}.mailtext:visited { font-family: verdana; font-size: 11px; font-weight: normal; text-decoration:none; color: #555;}.classifiedstext { font-family: verdana; font-size: 12px; font-weight: normal; color: #039;}.classifiedstext:link { font-family: verdana; font-size: 12px; font-weight: normal; text-decoration:none; color: #039;}.mailtext:hover { font-family: verdana; font-size: 11px; font-weight: bold; text-decoration:underline; color: #f00;}body, td, li, p, div, textarea {font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal;}/* TEXT DEFAULTS */.text{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal;}.spacetext{font-family:arial,verdana,arial,sans-serif,helvetica; line-height: 18pt;font-size:10pt; color:#000; font-weight:normal;}.redtext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#c00; font-weight:normal;}.redtext8{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#c00; font-weight:normal;}.redtext8b{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#c00; font-weight:bold;}.redbtext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#c00; font-weight:normal;}.redtext12b{font-family:verdana,arial,sans-serif,helvetica; font-size:12pt; color:#c00; font-weight:bold;}.bluebtext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#039; font-weight:normal;}.bluetext13{font-family:verdana,arial,sans-serif,helvetica; font-size:13pt; color:#039; font-weight:bold;}.redbtext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#c00; font-weight:normal;}.utext{font-family:verdana,arial,sans-serif,helvetica; text-decoration:underline; font-size:9pt; color:#000; font-weight:normal;}.orangetext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#FF9800; font-weight:bold;}.orangetext2{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#f93; font-weight:bold;}.orangetext15{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#f60; font-weight:bold;}.lightbluetext8{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#369; font-weight:bold;}.bluetext{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#039; font-weight:normal;}.bluetext8{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#039; font-weight:bold;}.whitetext7{font-family:verdana,arial,sans-serif,helvetica;font-size:7pt; color:#fff;font-weight:bold;}.whitetext11{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; color:#fff; font-weight:bold;}.whitetext12{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#fff; font-weight:bold;}.whitetext15{font-family:verdana,arial,sans-serif,helvetica; font-size:15pt; color:#fff; font-weight:bold;}.blacktext15{font-family:verdana,arial,sans-serif,helvetica; font-size:15pt; color:#000; font-weight:normal;}.blacktext13{font-family:verdana,arial,sans-serif,helvetica; font-size:13pt; color:#000; font-weight:bold;}.blacktext12{font-family:verdana,arial,sans-serif,helvetica; font-size:12pt; color:#000; font-weight:bold;}.blacktext11{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; color:#000; font-weight:bold;}.nametext{font-family:verdana,arial,sans-serif,helvetica; font-size:12pt; color:#000; font-weight:bold;}.blacktext12nb{font-family:verdana,arial,sans-serif,helvetica; font-size:12pt; color:#000; font-weight:normal;}.blacktext10{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#000; font-weight:bold;}.blacktext10nb{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; color:#000; font-weight:normal;}.blacktext9{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#000; font-weight:bold;}.blacktext8{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:bold;}.blacktext8nb{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal;}.blacktext7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; color:#000; font-weight:normal;}.footer{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:bold;}.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal; text-align:right;}.blacktext14bu{font-family:verdana,arial,sans-serif,helvetica; font-size:14pt; color:#000; font-weight:normal; text-decoration:underline;}a{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;} a:link{color:#039;} a:active{color:#039;} a:visited{color:#039;} a:hover{color:#c00;} a.chat{font-family:verdana,arial,sans-serif,helvetica;font-size:8pt;font-weight:normal;} a.chat:link{color:#039;text-decoration:underline;} a.chat:active{color:#039;text-decoration:underline;} a.chat:visited{color:#039;text-decoration:underline;} a.chat:hover{color:#C00;text-decoration:underline;} a.chatToolbar{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;} a.chatToolbar:link{color:#039;text-decoration:underline;} a.chatToolbar:active{color:#039;text-decoration:underline;} a.chatToolbar:visited{color:#039;text-decoration:underline;} a.chatToolbar:hover{color:#c00;text-decoration:underline;} a.readmail{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.readmail:link{ color: Purple;} a.readmail:active{color:#039;} a.readmail:visited{color:#039;} a.readmail:hover{color:#c00;}a.redlink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;} a.redlink:link{color:#c00;} a.redlink:active{color:#c00;} a.redlink:visited{color:#c00;} a.redlink:hover{color:#c00;} a.blink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.blink:link{color:#000;} a.blink:active{color:#000;} a.blink:visited{color:#000;} a.blink:hover{color:#c00;} a.white{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline;} a.white:link{color:#fff;} a.white:active{color:#c00;} a.white:visited{color:#fff;} a.white:hover{color:#c00;} a.white7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; text-decoration:underline;} a.white7:link{color:#fff;} a.white7:active{color:#c00;} a.white7:visited{color:#fff;} a.white7:hover{color:#c00;} a.black7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; text-decoration:underline;} a.black7:link{color: Black;} a.black7:active{color:#c00;} a.black7:visited{color:Black;} a.black7:hover{color:#c00;} a.navbar{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.navbar:link{color:#fff;} a.navbar:active{color:#fff;} a.navbar:visited{color:#fff;} a.navbar:hover{color:#040C5C;}a.skip{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;text-align:right;} a.skip:link{color:#039;} a.skip:active{color:#039;} a.skip:visited{color:#039;} a.skip:hover{color:#c00;}a.redlink7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; text-decoration:underline; font-weight:bold;} a.redlink7:link{color:#c00;} a.redlink7:active{color:#c00;} a.redlink7:visited{color:#c00;} a.redlink7:hover{color:#c00;} a.graylink7{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; text-decoration:underline; font-weight:bold;} a.graylink7:link{color: Gray;} a.graylink7:active{color:Gray;} a.graylink7:visited{color:Gray;} a.graylink7:hover{color:Gray;} a.graylink7light{font-family:verdana,arial,sans-serif,helvetica; font-size:7pt; text-decoration:underline;font-weight:normal; } a.graylink7light:link{color: Gray;} a.graylink7light:active{color:Gray;} a.graylink7light:visited{color:Gray;} a.graylink7light:hover{color:Gray;}a.bluelink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;} a.bluelink:link{color: #039} a.bluelink:active{color:red} a.bluelink:visited{color:#039} a.bluelink:hover{color:red;}a.searchlinkBig{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; text-decoration:underline; font-weight:bold;} a.searchlinkBig:link{color:#006691} a.searchlinkBig:active{color:red} a.searchlinkBig:visited{color:#006691} a.searchlinkBig:hover{color:red} a.searchlinkSmall{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.searchlinkSmall:link{color:black} a.searchlinkSmall:active{color:red} a.searchlinkSmall:visited{color:black} a.searchlinkSmall:hover{color:red}/* TEXT FORMATTING *//* DEFAULT FONT, SIZE 8, BLACK */.btext, .itext{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000;} .btext{font-weight:bold;} .itext{font-style:italic;}/* DEFAULT FONT, SIZE 8, COLORS */.bwtext, .rtext, .rbtext, .subhead{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt; font-weight:bold;} .bwtext{font-weight:bold; color:#fff;} .rtext{color:#c00;} .rbtext{color:#c00; font-weight:bold;} .subhead{color:#252872;}/* DEFAULT FONT, SIZE 8 */.stext, .sbtext, .swtext{font-family:verdana,helvetica,arial,sans-serif; font-size:8pt;} .stext{color:#555;} .swtext{color:#fff;} .sbtext{font-weight:bold; color:#000;}/* DEFAULT FONT, SIZE 11 */.head11, .text11{font-family:verdana,helvetica,arial,sans-serif; font-size:11pt;} .head11{font-weight:bold; color:#252872;} .text11{color:#000;} /* DEFAULT FONT, SIZE 13 */td.head11, td.text11{font-family:verdana,helvetica,arial,sans-serif; font-size:11pt;} .head11{font-weight:bold; color:#252872;} .text11{color:#000;} /* DEFAULT FONT, SIZE 13 */td.head13, td.text13{font-family:verdana,helvetica,arial,sans-serif; font-size:13pt;} .head13{font-weight:bold; color:#252872;} .text13{color:#000;} /* TABLE COLORS */table.grey, tr.grey, td.grey{background-color:#ddd;}table.white, tr.white, td.white{background-color:#fff;}table.accent_light, tr.accent_light, td.accent_light{background-color:#c9d7e8;} table.accent_dark, tr.accent_dark, td.accent_dark{background-color:#70a5e6;}table.action, tr.action, td.action{background-color:#ddd;}table.blue_light, tr.blue_light, td.blue_light{background-color:#ccc;}table.blue_dark, tr.blue_dark, td.blue_dark{background-color:#ccc;} .alpha{filter:alpha(opacity=25);opacity: 0.5;-moz-opacity:0.5;}.required{ font-family: verdana, arial, helvetica, san-serif; font-size: 12px; line-height: 130%; color: #ff3300;}.warning{ font-family: verdana, arial, helvetica, san-serif; font-size: 14px; line-height: 130%; color: #ff3300; font-weight: bold;}/*-----------------------NEW CLASSES-----------------------------------------*/table.blue_border, tr.blue_border, td.blue_border{ border:2px solid #69c;}table.red_border, tr.red_border, td.red_border{ border:2px solid #c00;}table.black_border, tr.black_border, td.black_border{ border:2px solid #000;}table.white, tr.white, td.white{ background-color:#fff;}table.blue_header, tr.blue_header, td.blue_header{ background-color:#69c; font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#fff; font-weight:bold; vertical-align:middle; text-align:left;}table.orange_header, tr.orange_header, td.orange_header{ background-color:#FF9900; font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#fff; font-weight:bold; vertical-align:middle; text-align:left;}table.red_header, tr.red_header, td.red_header{ background-color:#c00; font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#fff; font-weight:bold; vertical-align:middle; text-align:left;}table.blue_white, tr.blue_white, td.blue_white{ background-color:#fff; font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; color:#fff; font-weight:normal; margin-left: auto; margin-right: auto; text-align: center; vertical-align: top;}table.blue_dark_bold, tr.blue_dark_bold, td.blue_dark_bold{ background-color:#B1D0F0; font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#369; font-weight:bold; margin-left: auto; margin-right: auto; text-align: left; vertical-align: top;}table.blue_dark_nobold_black, tr.blue_dark_nobold_black, td.blue_dark_nobold_black{ background-color:#B1D0F0; font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal; margin-left: auto; margin-right: auto; text-align: left; vertical-align: top;}table.blue_light_nobold, tr.blue_light_nobold, td.blue_light_nobold{ background-color:#D5E8FB; font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#000; font-weight:normal; margin-left: auto; margin-right: auto; text-align: left; vertical-align: middle;}table.blue_light_bold, tr.blue_light_bold, td.blue_light_bold{ background-color:#D5E8FB; font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; color:#369; font-weight:bold; margin-left: auto; margin-right: auto; text-align: left; vertical-align: top;} a.blue_white{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline;} a.blue_white:link{color:#039;} a.blue_white:active{color:#039;} a.blue_white:visited{color:#039;} a.blue_white:hover{color:#c00;}a.rob{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:bold;} a:link{color:#039; text-decoration:none;} a:active{color:#C00; text-decoration:underline;} a:visited{color:#039; text-decoration:none;} a:hover{color:#C00; text-decoration:underline;}a.bert{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:bold;} a:link{color:#039; text-decoration:none;} a:active{color:#C00; text-decoration:underline;} a:visited{color:#039; text-decoration:none;} a:hover{color:#C00; text-decoration:underline;}a.spiel{font-family:verdana,arial,sans-serif,helvetica; font-size:10pt; font-weight:normal;} a:link{color:#039; text-decoration:none;} a:active{color:#C00; text-decoration:underline;} a:visited{color:#039; text-decoration:none;} a:hover{color:#C00; text-decoration:underline;}a.man{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; font-weight:normal;} a:link{color:#039; text-decoration:none;} a:active{color:#C00; text-decoration:underline;} a:visited{color:#039; text-decoration:none;} a:hover{color:#C00; text-decoration:underline;}a.classifiedAds{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; text-decoration:underline; font-weight:bold;} a.classifiedAds:link{color:#039; text-decoration:underline;} a.classifiedAds:active{color:#039; text-decoration:underline;} a.classifiedAds:visited{color:#039; text-decoration:underline;} a.classifiedAds:hover{color:#c00; text-decoration:underline;} a.classifiedListing{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; text-decoration:underline; font-weight:normal;} a.classifiedListing:link{color:#039; text-decoration:underline;} a.classifiedListing:active{color:#039; text-decoration:underline;} a.classifiedListing:visited{color:#039; text-decoration:underline;} a.classifiedListing:hover{color:#c00; text-decoration:underline;} a.classifiedSmallLink{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.classifiedSmallLink:link{color:#039; text-decoration:underline;} a.classifiedSmallLink:active{color:#039; text-decoration:underline;} a.classifiedSmallLink:visited{color:#039; text-decoration:underline;} a.classifiedSmallLink:hover{color:#c00; text-decoration:underline;}a.classifiedsTitle{font-family:verdana,arial,sans-serif,helvetica; font-size:11pt; text-decoration:underline; font-weight:bold;} a.classifiedsTitle:link{color:#039; text-decoration:underline;} a.classifiedsTitle:active{color:#039; text-decoration:underline;} a.classifiedsTitle:visited{color:#039; text-decoration:underline;} a.classifiedsTitle:hover{color:#c00; text-decoration:underline;} a.classifiedsHome{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:bold;} a.classifiedsHome:link{color:#000; text-decoration:underline;} a.classifiedsHome:active{color:#000; text-decoration:underline;} a.classifiedsHome:visited{color:#000; text-decoration:underline;} a.classifiedsHome:hover{color:#c00; text-decoration:underline;} a.classifiedsViewAll{font-family:verdana,arial,sans-serif,helvetica; font-size:8pt; text-decoration:underline; font-weight:normal;} a.classifiedsViewAll:link{color:#000; text-decoration:underline;} a.classifiedsViewAll:active{color:#000; text-decoration:underline;} a.classifiedsViewAll:visited{color:#000; text-decoration:underline;} a.classifiedsViewAll:hover{color:#c00; text-decoration:underline;} a.classifiedsDone{font-family:verdana,arial,sans-serif,helvetica; font-size:9pt; text-decoration:underline; font-weight:normal;} a.classifiedsDone:link{color:#f00; text-decoration:line-through;} a.classifiedsDone:active{color:#f00; text-decoration:line-through;} a.classifiedsDone:visited{color:#f00; text-decoration:line-through;} a.classifiedsDone:hover{color:#f00; text-decoration:line-through;} /*----------------------END OF NEW CLASSES------------------------------------------------*/ /* Myspace Search styles - begins */#searchResultPageBody { font-family: Arial, Helvetica, sans-serif; }#searchResultPageBody a { font-family: Arial, Helvetica, sans-serif; }#resultsContent { font-size: 14px; color:#000; text-decoration:none; }#resultsContent a { font-size: 16px; color:#00c; text-decoration:underline; font-weight:normal; }#resultsContent td { font-size: 13px; color:#000; }#resultsContent .content { font-size: 13px; color:#000; }#resultsContent .sponsoredLinks { font-size: 13px; font-family: Arial, sans-serif; color:#6f6f6f; text-decoration:none; }#resultsPages { font-size: 18px; color:#000 }#resultsPages a { font-size: 14px; color:#00c; text-decoration:underline; font-weight:normal; }#resultsPages td { font-size: 15px; color:#000; font-weight:normal; }#sponsoredLinksRight { font-size:13px; color:#000; }#sponsoredLinksRight a { font-size:13px; color:#00c; text-decoration:underline; font-weight:normal; }#sponsoredLinksRight td { font-size:12px; color:#000;}#sponsoredLinksRight .content { font-size:13px; color:#000; }#sponsoredLinksRight .sponsoredLinks { font-size:12px; color:#6f6f6f; text-decoration:none; }#friendFinder { border: 1px solid #639ace; width: 168px; float: right; margin: 1px 20px 15px 0; display: inline; padding: 1em; font: 85% Verdana, Arial, Helvetica, sans-serif; background-color:#fff; }#friendFinder form { margin: 3px; padding: 0px; }#friendFinder fieldset { margin: 0; padding: 0; border: 0; }#friendFinder legend { color: #039; background: url(http://www.myspace.com/images/icon_friends.gif) no-repeat left; padding: 0 0 0 20px; margin: 0 0 10px -5px; font-weight: bold; font-size: small; }#friendFinder input { margin: 0px; padding: 0;}.url { color: #008000; }/* Myspace Search styles - ends *//* Links */a:link, a:active, a:visited{color:#039;}a:hover{color:#C00; text-decoration:underline;}/* Lists */.simpleList dl, .simpleList dt, .simpleList dd, .simpleList ol, .simpleList ul, .simpleList li{margin:0; padding:0; list-style:none;}#yourschools dl {width: 120px; height:120px; margin-left:5px; margin-top:5px; float:left; display:inline; text-align:center;}#yourschools dt {margin:0; padding:0;}#yourschools dd {margin:0; padding:0;}/* Forms */.form label, .form input, .form select {display:block; width:200px; float:left; margin-bottom:5px;}.form label {text-align:left;width:100px;font-weight:bold;}/* Div's */#wrap{background:#FFF; width:800px; margin:0 auto; padding:0; text-align:left; position:static;}#main{position:relative; margin-left:10px; padding-bottom:25px; min-height:500px; height:500px;}#content{position:relative; top: 13px; margin:0;}#contentWrap{position:static; width:100%;}#header a, #topnav a {color:#fff; font-weight:normal;}#topnav a:hover{color:#040C5C;}#header_bandJoin {text-align:left; font-size:small; font-weight:bold;}/* Classes */.clear{clear:both;}.left{float:left;}.right{float:right;}.advert{display:block;}.relative{position:relative;}/* Background */.bgWhite{background:#FFF;}.bgBlue{background:#039;}.bgLtBlue{background:#D5E8FB;}.bgDkBlue{background:#040C5C;}.bgNavBlue{background:#6698CB;}.bgGrey{background:#E5E5E5;}.bgDkGrey{background:#666;}.bgRed{background:#C00;}.bgPeach{background:#FC9;}.bgPurple{background:#96C;}.bgGreen{background:#090;}.bgOrange{background:#F60;} /* Alternative #FF9800 */.bgBlack{background:#000;}/* Border */.borWhite{border:1px solid #FFF;}.borWhiteT{border-top:1px solid #FFF;}.borBlue{border:1px solid #039;}.borLtBlue{border:1px solid #D5E8FB}.borLtBlueB{border-bottom:1px solid #D5E8FB}.borDkBlue{border:1px solid #040C5C;}.borNavBlue{border:1px solid #6698CB;}.borNavBlueT{border-top:1px solid #6698CB;}.borNavBlueB{border-bottom:1px solid #6698CB;}.borNavBlueL{border-left:1px solid #6698CB;}.borNavBlueR{border-right:1px solid #6698CB;}.borLtBlue{border:1px solid #D5E8FB}.borDkBlue{border:1px solid #040C5C;}.borNavBlue{border:1px solid #6698CB;}.borGrey{border:1px solid #E5E5E5;}.borDkGrey{border:1px solid #666;}.borDkGreyT{border-top:1px solid #666;}.borDkGreyL{border-left:1px solid #666;}.borDkGreyR{border-right:1px solid #666;}.borRed{border:1px solid #C00;}.borPeach{border:1px solid #FC9;}.borPurple{border:1px solid #96C;}.borGreen{border:1px solid #090;}.borOrange{border:1px solid #F60;} /* Alternative #FF9800 */.borBlack{border:1px solid #000;}/* Font Color */.txtWhite{color:#FFF;}.txtBlue{color:#039;}.txtLtBlue{color:#D5E8FB}.txtDkBlue{color:#040C5C;}.txtNavBlue{color:#6698CB;}.txtGrey{color:#E5E5E5;}.txtDkGrey{color:#666;}.txtRed{color:#C00;}.txtPeach{color:#FC9;}.txtPurple{color:#96C;}.txtGreen{color:#090;}.txtOrange{color:#F60;} /* Alternative #FF9800 */.txtBlack{color:#000;}/* Font Size */.txt1{font-size:1em;}.txt2{font-size:1.25em;}.txt3{font-size:1.5em;}.txt4{font-size:1.75em;}.txt5{font-size:2em;}/* Font Alignment */.txtleft{text-align:left;}.txtcenter{text-align:center;}.txtright{text-align:right;}.txtjustify{text-align:justify;}/* Font Line Height */.txtL2{line-height:125%;}.txtL3{line-height:150%;}.txtL4{line-height:175%;}.txtL5{line-height:200%;}/* Links */.whiteLink a{color:#FFF;text-decoration:none; font-weight:normal;}.noline a{text-decoration:none;}/* Dimensions *//* Widths */.w10{width:10px;}.w20{width:20px;}.w25{width:25px;}.w50{width:50px;}.w75{width:75px;}.w100{width:100px;}.w125{width:125px;}.w150{width:150px;}.w175{width:175px;}.w200{width:200px;}.w210{width:210px;}.w225{width:225px;}.w250{width:250px;}.w260{width:260px;}.w270{width:270px;}.w275{width:275px;}.w300{width:300px;}.w325{width:325px;}.w350{width:350px;}.w375{width:375px;}.w400{width:400px;}.w450{width:450px;}.w500{width:500px;}.w525{width:525px;}.w550{width:550px;}.w600{width:600px;}.w625{width:625px;}.w650{width:650px;}.w800{width:800px;}/* Heights */.h15{height:15px;}.h20{height:20px;}.h25{height:25px;}.h50{height:50px;}.h75{height:75px;}.h100{height:100px;}.h125{height:125px;}.h150{height:150px;}.h175{height:175px;}.h200{height:200px;}.h225{height:225px;}.h250{height:250px;}.h275{height:275px;}.h300{height:300px;}.h325{height:325px;}.h350{height:350px;}.h375{height:375px;}.h400{height:400px;}/* Padding */.noPad{padding:0;}.pad2{padding:2px;}.pad3{padding:3px;}.pad5{padding:5px;}.pad10{padding:10px;}.padTB5{padding:5px 0;}.padTB10{padding:10px 0;}.padTB15{padding:15px 0;}.padRL5{padding:0 5px;}.padRL10{padding:0 10px;}.padRL15{padding:0 15px;}.padRL20{padding-left:20px; padding-right:20px;}/* Margin */.noMar{margin:0;}.mar2{margin:2px;}.mar3{margin:3px;}.mar5{margin:5px;}.mar10{margin:10px;}.marTB5{margin:5px 0;}.marTB10{margin:10px 0;}.marTB15{margin:15px 0;}.marRL5{margin:0 5px;}.marRL10{margin:0 10px;}.marRL15{margin:0 15px;}.marRL20{margin-right:20px; margin-left:20px;}/* Visibility */.off{display:none;}.on{display:block;}#greybox { clear: both; width: 458px; margin: 10px 0 0; position: relative; background-color: #F2F5F7; border: solid 1px #D0E4FD;}.BoxedAdLinks { font-family:Verdana,Arial,Helvetica; font-size:9pt; font-weight:normal; color:#039; }/* Online Now Image Size Override */.ImgOnlineNow { width:80px !important; height:20px !important;}That stylesheet, along with another (profile.css) are applied to every myspace profile. There's just wayyy tooo much stuff there. So I decided to try and hide everything and then start again using <div> overlays. But, that's just as difficult. And, Myspace stops you from doing a lot of stuff... you can't use the hash symbol (#) anywhere in your CSS etc. I've managed to make a start. I'm stuck though... I can't figure out <div>s... I'm not all that good at CSS/HTML yet.
Does anyone think they'll be able to help? I just need help with <div>s and how they work, and sorta trying to workaround myspace limitations in the process. I'm not gonna post the code I've got yet if nobody thinks they'll be able to help since it's such a long post already. This is what Myspace profiles look like by default: http://www.myspace.com/tom (that's evil Tom... just look at the comments. People actualy think he's talking to them when his picture appears on everyone's Myspace homepage with the latest Myspace news).
Thanks
Sorry it's such a long post... it's really difficult to explain though. Please help, somebody... <div> guru?
Edited by o2mcgovem, 11 April 2007 - 03:40 PM.
Sign In
Create Account
