1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

little css question

Discussion in 'HTML, Graphics & Programming' started by joemorris86, 13 Jul 2006.

  1. joemorris86

    Banned

    Joined: 30 Jan 2005

    Posts: 467

    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?
     
  2. iCraig

    PermaBanned

    Joined: 21 Apr 2004

    Posts: 13,314

    Location: Wolverhampton

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

    If it's block level, use:

    Code:
    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.
     
  3. Augmented

    Soldato

    Joined: 18 Oct 2002

    Posts: 5,464

    Location: London Town

    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:

    Code:
    #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 :).
     
  4. joemorris86

    Banned

    Joined: 30 Jan 2005

    Posts: 467

    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 ?

    Code:
    <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>
     
  5. Beansprout

    Man of Honour

    Joined: 31 Jan 2004

    Posts: 16,318

    Location: Plymouth

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

    Code:
    * {
    color:#000000
    }
    
    I typed the full six zeroes because I'm a masochist.

    </OT>:D
     
  6. SpicyDuck

    Soldato

    Joined: 10 Dec 2003

    Posts: 6,349

    Yes you are. :p