Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Better Myspace Profile


  • Please log in to reply

#1
o2mcgovem

o2mcgovem

    Member

  • Member
  • PipPipPip
  • 206 posts
Hey all, I've never posted in this lil corner of G2G so... I'm Michael, I'm a student and I have a Myspace profile. How's that for an introduction eh?

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 :whistling:
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.

  • 0

Advertisements


#2
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
My space has code class specifics and only allows styling in such places as when editing your Profile or customizing your Blog page. Best bet is to use one of the MySpace sites which have code generators or layouts you might even like to use. They will tell you where to place the code.

Another method, is to use a HTML Editor, if you know how to hand code, or something like NVU as a WYSIWYG Editor and tie the page to the style sheet. Start modifying or start from scratch if necessary. Once you have your stylesheet doing what you want, you will need to place it in the About Me section of your Profile. Any images you need to use with your page needs to be hosted on ImageShack or PhotoBucket where you can put in the complete path to them. Think I got all that right. Anyone correct me if I'm wrong.

Ron

Edited by Major Payne, 11 April 2007 - 04:28 PM.

  • 0

#3
thenotch

thenotch

    Member

  • Retired Staff
  • 667 posts
Myspace uses a crazy table layout with a retarded naming scheme... it can be done, but IMHO is more trouble than the site is even worth...

The layout is so convoluted that trying to decipher what portions control what is a nightmare...

Just my Posted Image
  • 0

#4
o2mcgovem

o2mcgovem

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 206 posts

Best bet is to use one of the MySpace sites which have code generators or layouts you might even like to use. They will tell you where to place the code.

They're all generally the same though, I want something quite individual. Well, something that I know I've made.

Image hosting's not a problem since I have a domain going to waste that they automatically renewed for me and wouldn't let me cancel. [bleep] them. (Not Myspace, the hosting company).

I totally see what you mean about the tables/retard naming scheme. It's a nightmare.

What I wanted to do was hide everything (bar the advert) on the profile using CSS, and then put in some <div>s to make new content, since I really can't work with all those crazy names/tables.

Here's what I have so far...

This is at the very top of my "About Me" for the big orange logo bit at the top...
<div class="masthead"><span></span></div>

This sets the background image and has the stuff for the orange logo thing in.
<style type=text/css>

img {border: none}

body {
   background-color: black;
   background-image: url('http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/background.png');
   background-repeat: repeat;
}

.masthead {width: 800px; height: 154px; position: absolute; margin-left: -400px; left: 50%; top: 122px; background-image: url(http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/header.png);}

All this code hides everything already on the Myspace page, so I have a blank canvas to put stuff on...
embed, object {
   display:none;
}

.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12,.btext, .redtext, .redbtext {
   display:none;
   height: 0 !important;
   visibility:hidden;
}

td td td td {
   border:0px;width:0px;text-align:left;
}

table,td {
   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;
}

</style>

This bit is the actual white background bit. I think the original 800px white background thing that was on the profile before was a table or something, it disappeared when I put that code to hid everythinge in anyway...
<div style="width:800px; height: 600px; background-color: white; position: absolute; margin-left: -400px; left: 50%; top: 0px; z-index: -1;"></div>

This is for the buttons just below the orange logo for interacting with me. (I took out the friend id to remain mysterious :whistling: )
<div style="width:809px; height:47px; background-color: transparent; position: absolute; margin-left: -400px; left: 50%; top: 276px; padding-left: 0px; padding-right: 0px;">
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=" title="Add me to your Myspace friends"><img src="http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/add3.png"></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=" title="Leave me a comment :)."><img src="http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/comment2.png"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=" title="Send me a Myspace Mail when you want privacy"><img src="http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/message2.png"></a>
<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=" title="Check out my comments..."><img src="http://www.michael-mcgovern.pwp.blueyonder.co.uk/myspace/view2.png"></a>
</div>

And that's as far as I can get. I wanted to make like two <div>s below that like next to each other like two columns, but I can't do it. Does anyone know where to go? I've tried googling, but I get a million and one "glitter myspace pro bonus avatar ringtone special" sites.

Thanks for the quick reply btw :blink:

Edit: Here's what my pages looks like... sorry, you must've thought I was going a little crazy then. http://www.project-o....uk/myspace.png

Edited by o2mcgovem, 11 April 2007 - 05:29 PM.

  • 0

#5
o2mcgovem

o2mcgovem

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 206 posts
I didn't use a swear above... I used D:A-M.N, not the F word... I wouldn't do that around people that're helping me, and some people may not be comfortable with swearing.

:whistling:
  • 0

#6
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
The sites that do MySpace layouts do have Layout Generators which allow you to customize and copy/save your layout. That's what you need to try using. I have a MySpace and it has been a nightmare trying to give someone instructions by IM these last few days. The lady lives in Belgium and sings for a band so the translation problem doesn't help either. I can give you two links that might work for you, but as you said, Google finds you more than you want to know.

Ron

Edited by Major Payne, 11 April 2007 - 08:33 PM.

  • 0

#7
ScHwErV

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP

They're all generally the same though, I want something quite individual. Well, something that I know I've made.

You want something individual, go build your own web page and stop proliferating the scourge of the internet that is "myspace".
  • 0

#8
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
I agree with ScHwErV. I sure paying a few dollars a month would get you enough to host a fairly decent site, with out all the MySpace mess.

Last time I had a look for cheep hosting I found http://www.scarabweb...ting_shared.php you could give it a go?
  • 0

#9
o2mcgovem

o2mcgovem

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 206 posts
Well, I managed to finish it on my own... It doesn't look too bad really.

I do have hosting... a friend and I made a website for a college project and put it online. We were done with it a while ago, and it keeps automatically renewing (and charging me).

I hate Myspace, I really do... but that's where people are now. People don't bother with emails, it's Myspace messages now or comments. Next year everyone'll be on a different website, that's just the way it is... you have to follow to stay in touch people.
  • 0

#10
Michael

Michael

    Retired Staff

  • Retired Staff
  • 1,869 posts
Not really my impression. I never visit MySpace expect when some one here links to it.
  • 0

#11
ScHwErV

ScHwErV

    Member 5k

  • Retired Staff
  • 21,285 posts
  • MVP
I just plain never visit myspace.
  • 0

#12
o2mcgovem

o2mcgovem

    Member

  • Topic Starter
  • Member
  • PipPipPip
  • 206 posts
Easier said than done when everyone's on there. Even college staff have accounts! (They're set as private though, obvioulsy.)
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP