little css question

[joemorris86]

Im trying to add an image to my myspace where it says the extended network stuff.

ive tried a few ways without luck, the code for text for that box is:

.blacktext12 { color:dddddd; font-family:Arial; }

is there a way to edit this line to make it display an image rather than text?

 

[iCraig]

What element is it? A <div> or <p> or <span> ?

If it's block level, use:

background-image: url(link/to/image.jpg);

You might need other background image attributes, such as position and repeat, depending on what image it is.

 

[Augmented]

The 'username is in your extended network' box? I'm not aware if that changes when you're logged in, but the following rules should work:

#Table1 .blacktext12 {
display: block;
height: 73px;
background: transparent url(http://www.google.co.uk/intl/en_uk/images/logo.gif) no-repeat top left;}

#ctl00_Main_ctl00_UserNetwork1_ctrlMessage {
visibility: hidden;}

Change the url in the background property to the image you want displayed there.

If you wish to keep the text displaying in the box on top of the image, remove the rule containing visibility: hidden;

HTH .

 

[joemorris86]

cheers for the help guys, i cant seem to get it working tho with them ways. maybe im putting it in the wrong place. do you know where i should put it ?

<style>.r{}</style>
<style type="text/css">
         

{ Background Properties }
table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-color:EDE3CA;
	

	border-color:000000;
	border-width:0px ;
	border-style: solid;
	scrollbar-face-color:D6C7A6;
scrollbar-highlight-color:EDE3CA;
scrollbar-3dlight-color:EDE3CA;
scrollbar-shadow-color:EDE3CA;
scrollbar-darkshadow-color:EDE3CA;
scrollbar-arrow-color:000000;
scrollbar-track-color:EDE3CA;
	 }

{ Table Properties }
table table { border: 0px }
table table table table{border:0px}
table table table {
	border-style:double;
	border-width:3px;
	border-color:404040;
	background-color:D6C7A6;
	   		}

table table table td {
	background-color:D6C7A6;
	}
table table table table td {filter:none;}

{ Text Properties }
table, tr, td, li, p, div 
{
 font-size: 8pt;
 color: 000000;
 font-family: Arial;
 letter-spacing: 0px;
 font-weight: normal;      } 
.btext {  color:000000;   font-family:Arial;   } 
.blacktext10 {  color:000000; font-family:Arial;     } 
.blacktext12 {  color:000000; font-family:Arial;     } 
.lightbluetext8 {  color:000000; font-family:Arial;     } 
.orangetext15 {  color:000000;  font-family:Arial;    } 
.redtext {  color:000000;     font-family:Arial; } 
.redbtext {  color:000000;   font-family:Arial;   } 
.text {  color:000000;  font-family:Arial;    } 
.blacktext12 { color:dddddd; font-family:Arial; } 
a:active, a:visited, a:link {  color:624F48;  font-family:Arial; font-weight: normal; } 
a:hover {  
color: 000000;
     font-family:Arial;
     text-transform: none;
     font-weight: normal;
     text-decoration:none;
         
     background-color:FFFFFF;   } 
a.navbar:active, a.navbar:visited, a.navbar:link {  color:000000;   font-family:Arial;  font-weight: normal; } 
a.navbar:hover {  color: 000000;
     font-family: Arial;
     text-transform: none;
     font-weight: normal;
     text-decoration:none;
     background-color:FFFFFF;      } 
a.redlink:active, a.redlink:visited, a.redlink:link {  color:000000;   font-family:Arial;  font-weight: normal; } 
a.redlink:hover {  color: 000000;
     font-family:Arial;
     text-transform: none;
     font-weight: normal;

     text-decoration:none;
     background-color:FFFFFF;      } 
.nametext {  color: 000000;
font: 9pt Times New Roman;
text-transform: none;
background-color: D6C7A6;

display: block;
         
text-align: left;  letter-spacing:10pt;   } 



b,strong {background-color: none;
     color: 808080;     
     letter-spacing:0pt;
     font-weight:bold; }
 i,em{
    background-color: none;
     color: 624F48;     
     letter-spacing:-1pt;
     font-weight:bold;  }
 u{ color: 624F48;     
     letter-spacing:0pt;
     font-weight:normal; 
     border-bottom: 2px dashed FC80BA;
}

</style>
<style>.r{}</style>

 

[Beansprout]

I'm no Myspace expert but if I had a Myspace account this is what I'd do:

* {
color:#000000
}

I typed the full six zeroes because I'm a masochist.

</OT>

 

[SpicyDuck]

I'm no Myspace expert...

Yes you are.