webgyrl Posted January 14, 2007 Share Posted January 14, 2007 I've been going over and over this code for a bit now and I can't seem to find where to control these differently colored double lines that surround the info boxes. You can see the CSS in action here: http://www.myspace.com/nataliebrown In the code, I see in several places: border-style: double; border-color: 5A5D63 That is for the grey dash you see under "About Natalie Brown". It also appears in the top image box (not shown in the screen shot). But for the life of me I can not find where the blue and yellow double borders CSS is located in this jumble of CSS code. Also, I know that this CSS looks wrong, but MySpace has a parsed down version of CSS and a lot of hacks have to be done to make it work. I got this code from another place where they give free profiles, but I wanted to tweak it for this specific profile. I really want to change those double borders to all be white or some other color. Any ideas where it is in this jumble?? Here is the CSS in its entirety: ><div class="ab"> <a href="http://www.natalie-brown.com" target="_blank"> ..<img src=" http://www.natfunkmusic.com/myspace/layout/bannerpmg1.jpg" width="956" height="447" border="0" usemap="Map"></a> <map name="Map"> <area shape="rect" coords="1,-11,978,27" href="http:// www.natalie-brown.com" target="_blank"> <area shape="rect" coords="2,27,1008,432" href=" http://www.natalie-brown.com" target="_blank" alt="Natalie Brown Official Site"> </map> </div> <Style type="text/css">body{background-image:url(http://www.natfunkmusic.com/myspace/layout/ bglogospmg.jpg); background-attachment:fixed background-repeat:no-repeat; background- position:bottom right; background-color:6D7A83; margin-top: 449px; scrollbar-face-color:906B66; scrollbar-highlight-color:6A636D; scrollbar-3dlight-color:000000; scrollbar-shadow-color:FFFFFF; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:000000; scrollbar-track-color:000000; } div.ab {position: absolute;top: 0;left: 50%;margin-left: -490px;width: 980px;height: 420px;} body table {margin-top:0px;} .nametext {background-image: url(http://www.natfunkmusic.com/myspace/layout/ titlepmg.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 100px; width: 174px; font-size: 1px; text-align: left; color: none; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 5A5D63;} .mygen { Text Properties } table, tr, td, li, p, div { font-family:arial; color:C6CFD6; font-size:12px; } td.text td.text table table table td a img {} td.text td.text table table table td div img {} td.text td.text table table td img {} td.text td.text table table td div img {} * html td.text td.text table table td img {} * html td.text td.text table table td a img {} * html td.text td.text table table td div img {} body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://www.natfunkmusic.com/myspace/layout/bgpmg.jpg);} p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important} a, a:link, a:visited {color:WHITE; text-decoration: none;} a:hover {color:5A5D63; text-decoration: none} img {border: none} br {line-height: 20px;} form {border-width:0px;background-color:none;} input {background-color:transparent !important} body>div {margin-left: 10px;} table, tr, td, table table, table table td {border-width:0px; background-color: transparent;} table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px;} table table table table {border-width:0px;background-color:transparent;padding:0px;margin: 0px; background-image: none;} table table table table td {padding:0px;margin:0px;} table table table {margin:0px; background-color:transparent; background-image: url(http://www.natfunkmusic.com/ myspace/layout/bglogospmg.jpg); width: 100% !important; border-width: 3px; border-style: double; border- color: 5A5D63;} body table {margin-top:0px;} body td table, body div table {margin-top: 0;} font {color:white;font-size:10px} a font:hover {color:WHITE} a.navbar:link, a.navbar:visited {color:white} a.navbar:hover {color:WHITE} table tr td table tr td font {display: inline;} table tr td table a.navbar {font- size: 10px;} .text {color:WHITE;font-size:11px} a.text:link, a.text:visited {color:WHITE} a.text:hover {color:WHITE} .contactTable { width:300px !important; height:150px !important; padding:0px ! important; background-image:url(http://www.natfunkmusic.com/myspace/layout/contactbl.jpg); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td { padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px !important;} .contactTable a {display:block; height:28px; width: 115px;} .contactTable .text {font-size:1px !important;} .contactTable .text, .contactTable a, .contactTable img {filter:none !important;} .contactTable .whitetext12 {display:none;} table tr td table tr td table tr td div strong {display: block; width: 270px;} .whitetext12 {color:WHITE; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arblackial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border- style: double; border-color: 5A5D63; width: 270px} .blacktext12 {color:5A5D63;font-size:18px; font- family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px} .blacktext12:before {content: "OMFG! ";} .btext {color:WHITE; font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border- color: 5A5D63} .orangetext15 {color:WHITE; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font- weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 5A5D63; width: 372px} .lightbluetext8 {color:white} .whitetext,.whitebtext {color:white; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold} .whitebtext:after {content: " billion";} a.whitelink:link {color:WHITE; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 5A5D63; padding-top: 3px;} a.whitelink:visited {color:white} a.whitelink:hover {color:white} u {text-decoration: none; font-size: 10px;} .whitetext12 {width: auto} .contactTable {width: auto !important;} .contactTable span.whitetext12 {left: 0;} .orangetext15 {width: auto;} table table table td {padding: 0;} table table table {padding: 0 14px 14px 14px; border- color: 5A5D63;} table table table {max-width: 423px;} .nametext {height: 35px; width: auto;} a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-color: C6CFD6 } b ody, html {visibility:visible !important; display:block !important} </Style> <style type="text/css"> body, html {visibility:visible !important; display:block !important} </style> <style type="text/css"> table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url("http://www.natfunkmusic.com/myspace/layout headerpmg.jpg"); background-repeat:no-repeat; background-position:center center; font-size:0px; letter-spacing:-0.5px; width:435px; height:75px; display:block !important; } span.blacktext12 img {display:none;} </style> Here is the image (click thumbnail for large view): Quote Link to comment Share on other sites More sharing options...
heyguy Posted January 14, 2007 Share Posted January 14, 2007 I did a view source on that page. Wow. Well, at least for the blue "General Info" box, it looks like it's defined in the table properties: ><table bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#6699cc" border="1"> Maybe. 6699cc looks pretty close to that, but I'm not so good with colors. Same looks to be true for the big yellow (or peach?) "About Natalie Brown" box: ><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"> And then again, in all that mess there could be conflicting color assignments, so I really don't know. Worth trying though. Quote Link to comment Share on other sites More sharing options...
webgyrl Posted January 14, 2007 Author Share Posted January 14, 2007 I did a view source on that page. Wow. Well, at least for the blue "General Info" box, it looks like it's defined in the table properties: ><table bordercolor="#6699cc" cellspacing="0" cellpadding="0" width="300" bgcolor="#6699cc" border="1"> Maybe. 6699cc looks pretty close to that, but I'm not so good with colors. Same looks to be true for the big yellow (or peach?) "About Natalie Brown" box: ><table bordercolor="ffcc99" cellspacing="0" cellpadding="0" width="435" bgcolor="ffcc99" border="0"> And then again, in all that mess there could be conflicting color assignments, so I really don't know. Worth trying though. Yeah, it's ugly huh! LOL I don't see what you wrote in that block of code I posted. That is where it should be. There are some things that are auto defined by MySpace, but all I generally put in for the Custom CSS is defined in that block. I don't see the hex numbers in that block of code. Is there any way you could screenshot that view source section and show me where you foudn that. It's not making sense to me that it wouldn't be controlled by that CSS block I posted. Thank you so much for looking for a needle in a haystack! Quote Link to comment Share on other sites More sharing options...
webgyrl Posted January 14, 2007 Author Share Posted January 14, 2007 Hmmm, I looked at the source and I see it. It's strange. It seems to be the default color in all MySpace music profiles. I checked another site and it's there too. It seems that those border colors can be controlled with some CSS hack. I am just not sure how to do it. There must be something that is being told to be 'transparent' that I have to figure out. Very frustrating... Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.