Hey,

As you can see on my profile :

http://www.myspace.com/minimurderdoll

The box where it says my Myspace URL is all white and looks terrible, was wondering if anyone on here knew how to change it to black or anything else.

My code im using is this :


<Style type="text/css">
body{
background-image:url(http://www.minimurderdoll.co.uk/myspace/back-tile3.jpg);
background-position:Top Left;
background-attachment:fixed;
background-repeat:repeat;
background-color:000000;
scrollbar-track-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-base-color:000000;
scrollbar-darkShadow-color:000000;
scrollbar-shadow-color:000000;
scrollbar-arrow-color:000000;
}

Table, Td{
background-color:transparent;
}

table table table{
width:100%;
background-color:000000;
border-color:FFFFFF;
border-style:Dotted;
border-width:4px;
}

table table table table{
width:auto;
}

table table table table, table table table td{
border-style:none;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:10pt;
font-weight:bold;
font-style:normal;
}

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:000099;
font-size:12pt;
font-weight:bold;
text-decoration:underline;
font-style:normal;
}

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{
color:FF0000;
font-size:10pt;
font-weight:normal;
text-decoration:underline;
font-style:italic ;
}

a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:FF00FF;
font-size:10pt;
font-weight:normal;
text-decoration:underline line-through ;
font-style:italic ;
}

span.blacktext12 {
background-image:url('http://www.minimurderdoll.co.uk/myspace/extended.jpg');
background-position:center center;
font-size:10px;
font-color:000000;
letter-spacing:-0.5px;
width:420px;
height:221px;
display:block;
}

.contactTable {
width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://www.minimurderdoll.co.uk/myspace/contact-back1.jpg");
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:FFFFFF;
}

.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;
}

</Style>


Also would be nice to be able to change the '......is in your extended group' font color to black

Thanks for any help at all,

Chrissy

Edit:

Just realised the whole myspace URL box issue is only affecting Opera out of IE and Opera that I both use....any ideas on how to make it compatible with Opera too?

Righty, Ive been able to sort the 'extended' text, now it is simply the 'Myspace URL' box being white when viewed in Opera....

Updated code:


<Style type="text/css">
body{
background-image:url(http://www.minimurderdoll.co.uk/myspace/back-tile3.jpg);
background-position:Top Left;
background-attachment:fixed;
background-repeat:repeat;
background-color:000000;
scrollbar-track-color:FFFFFF;
scrollbar-face-color:FFFFFF;
scrollbar-highlight-color:000000;
scrollbar-base-color:000000;
scrollbar-darkShadow-color:000000;
scrollbar-shadow-color:000000;
scrollbar-arrow-color:000000;
}

Table, Td{
background-color:transparent;
}

table table table{
width:100%;
background-color:000000;
border-color:FFFFFF;
border-style:Dotted;
border-width:4px;
}

table table table table{
width:auto;
}

table table table table, table table table td{
border-style:none;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:10pt;
font-weight:bold;
font-style:normal;
}

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:000099;
font-size:12pt;
font-weight:bold;
text-decoration:underline;
font-style:normal;
}

a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited{
color:FF0000;
font-size:10pt;
font-weight:normal;
text-decoration:underline;
font-style:italic ;
}

a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:FF00FF;
font-size:10pt;
font-weight:normal;
text-decoration:underline line-through ;
font-style:italic ;
}

span.blacktext12 {
background-image:url('http://www.minimurderdoll.co.uk/myspace/extended.jpg');
background-position:center center;
color:000000;
width:420px;
height:221px;
font-size:0px;
letter-spacing:-0.5px;
display:block !important;
}

.contactTable {
width:300px!important;
height:150px!important;
padding:0px!important;
background-image:url("http://www.minimurderdoll.co.uk/myspace/contact-back1.jpg");
background-attachment:scroll;
background-position:center center;
background-repeat:no-repeat;
background-color:FFFFFF;
}

.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;
}

</Style>


Screenshots:

Internet Explorer (http://www.minimurderdoll.co.uk/temp/my-ie.jpg)

Opera (http://www.minimurderdoll.co.uk/temp/my-op.jpg)

Thanks again, and sorry for double post, didnt realise on here the ability to edit only lasts a few minutes, Im not used to having that limit....