25 users online (2 members and 23 guests)  


  Results 1 to 7 of 7

Related

  1. Help with tables on a myspace profile    Forum: Myspace Forum
    Replies: 3
  2. Myspace profile    Forum: Myspace Forum
    Replies: 1
  3. myspace profile    Forum: Myspace Forum
    Replies: 2
  1. #1
    Tito's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2006
    Posts
    4

    Question Myspace Profile CSS issue

    Hey guys,
    I'm having an issue with emulating an image hover effect on my myspace profile. I want darkrain.gif to fade into the image when you hover over it like it does on this page http://www.myspace.com/anwarmack When I try the effect on my text navbar the effect works just fine with links. But, something in my code is causing a conflict that won't allow the image hover effect. My page is http://www.myspace.com/emphatk

    Here is his code:
    <style type="text/css">body {
    background-color:770000;
    scrollbar-face-color:000000;
    scrollbar-highlight-color:CC0000;
    scrollbar-3dlight-color:660000;
    scrollbar-darkshadow-color:000000;
    scrollbar-shadow-color:660000;
    scrollbar-arrow-color:660000;
    scrollbar-track-color:000000;
    border-style:solid; border-top-width:50px; border-bottom-width:50px; border-left-width:50px; border-right-width:50px; border-color:black;
    }
    table table, table table table table {border:0px; padding:0;}
    table, tr, td {background-color:transparent; border:0px; padding:0;}
    table table table {background-color:000000; border:2px solid; border-colorD0000; padding:0;}
    .text, body, td, li, p, div, li, h1, h2, p, br {font-size:8pt; color:CC0000;}
    .btext, .blacktext12, .blacktext10{color:CC0000; font-weight:bold;}
    .lightbluetext8 {font-size:8pt; color:660000; font-weight:bold;}
    .redtext, .redbtext {font-size:8pt; color:CC0000;}
    .whitetext12, .orangetext15 {font-size:8pt; color:660000; font-weight:bold;}
    input, textarea {font-size:8pt; font-weight:bolder; color:CC0000; background-color:C0C0C0; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}
    font, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.navbar, a.navbar:link, a.navbar:active, a.navbar:visited {filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000;}
    a:hover, a.redlink:hover, a.navbar:hover {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2); filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000; text-decoration:none; letter-spacing:5px; border:1px solid;}
    a:hover img {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2); border:1px solid;}</style>

    Here is my code:
    <style type="text/css">body{scrollbar-arrow-color:FFFFFF;scrollbar-Track-Color:000000;scrollbar-Highlight-Color:FFFFFF;scrollbar-base-color:FFFFFF;scrollbar-Face-Color:000000;scrollbar-Shadow-Color:FFFFFF;scrollbar-DarkShadow-Color:FFFFFF}a, a.man, a:link, a:visited{color:CCCCCC; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal} a:active, a:hover{color:FFFFFF; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {color:FFFFFF; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} td, li, p, div, textarea {border-color:CCCCCC} table{border-color:FFFFFF}a.navbar{font-size:8pt; font-weight:normal} a.navbar:link{color:CCCCCC;} a.navbar:active{color:FFFFFF;} a.navbar:visited{color:CCCCCC;} a.navbar:hover {background-image:url(http://nuclearcentury.net//myspace/images/bg/darkrain.gif); filter:alpha(finishopacity=0, style=2); filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; color:F7F7F7; text-decoration:none; letter-spacing:2px; border:1px solid;} a.searchlinkSmall{font-size:8pt; text-decoration:none; font-weight:normal;} a.searchlinkSmall:link{color:FFFFFF} a.searchlinkSmall:active{color:FFFFFF} a.searchlinkSmall:visited{color:FFFFFF} a.searchlinkSmall:hover{color:FFFFFF}body{background-color:000000;background-image:url(http://img45.imageshack.us/img45/540/mytendrils3yi6ao.jpg); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-size:8pt;color:FFFFFF; font-weight:normal;}.blacktext10{font-size:8pt; color:FFFFFF; font-weight:normal;}.blacktext12{font-size:8pt; color:FFFFFF; font-weight:normal;}.btext, .itext, .text{font-size:8pt; color:FFFFFF; font-weight:normal;}.orangetext15{color:FFFFFF; font-weight:normal;}.lightbluetext8{font-size:8pt; color:FFFFFF; font-weight:normal;}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{} a:hover img{background-image:url ('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=50, style=1); border:1px solid;} </style>

    Can anyone tell me what the problem is? It'd be very much appreciated

    -Tito

  2. #2
    DeadMeatGF's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    381

    Re: Myspace Profile CSS issue

    Can you lay that out a little more legibly, using the code -- /code tags, please?
    Then I'll have a good look at it

  3. #3
    Tito's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2006
    Posts
    4

    Re: Myspace Profile CSS issue

    (Edited)
    Last edited by Tito; 03-29-2006 at 12:05 PM.

  4. #4
    Tito's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2006
    Posts
    4

    Re: Myspace Profile CSS issue

    This is the code that works:
    Code:
    <style type="text/css">
    body { 
    background-color:770000; 
    scrollbar-face-color:000000; 
    scrollbar-highlight-color:CC0000; 
    scrollbar-3dlight-color:660000; 
    scrollbar-darkshadow-color:000000; 
    scrollbar-shadow-color:660000; 
    scrollbar-arrow-color:660000; 
    scrollbar-track-color:000000; 
    border-style:solid; 
    border-top-width:50px; 
    border-bottom-width:50px; 
    border-left-width:50px; 
    border-right-width:50px; 
    border-color:black; 
    } 
     
    table table, table table table table {border:0px; padding:0;} 
    table, tr, td {background-color:transparent; border:0px; padding:0;} 
    table table table {background-color:000000; border:2px solid; border-colorD0000; padding:0;} 
     
    .text, body, td, li, p, div, li, h1, h2, p, br {font-size:8pt; color:CC0000;} 
    .btext, .blacktext12, .blacktext10{color:CC0000; font-weight:bold;} 
    .lightbluetext8 {font-size:8pt; color:660000; font-weight:bold;} 
    .redtext, .redbtext {font-size:8pt; color:CC0000;} 
    .whitetext12, .orangetext15 {font-size:8pt; color:660000; font-weight:bold;} 
     
    input, textarea 
    {font-size:8pt; font-weight:bolder; color:CC0000;
     background-color:C0C0C0; filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;} 
     
    font, a:link, a:active, a:visited, a.redlink:link, a.redlink:active, a.redlink:visited, a.navbar, a.navbar:link, a.navbar:active,
     a.navbar:visited {filter:blur; width: inherit; height: 1;
     filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); font-size:8pt; colorD0000;} 
     
    a:hover, a.redlink:hover,
     a.navbar:hover
     {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); filter:alpha(finishopacity=0, style=2);
     filter:blur; width: inherit; height: 1; filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);
     font-size:8pt; colorD0000; text-decoration:none; letter-spacing:5px; border:1px solid;} 
     
    a:hover img
     {background-image:url('http://nuclearcentury.net//myspace/images/bg/darkrain.gif'); 
     filter:alpha(finishopacity=0, style=2); border:1px solid;}</style>
    Here is my code:
    Code:
     <style type="text/css">
    body{scrollbar-arrow-color:FFFFFF;scrollbar-Track-Color:000000;
     scrollbar-Highlight-Color:FFFFFF;
     scrollbar-base-color:FFFFFF;
     scrollbar-Face-Color:000000;
     scrollbar-Shadow-Color:FFFFFF;
     scrollbar-DarkShadow-Color:FFFFFF}
     
    a, a.man, a:link, a:visited{color:CCCCCC; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal}
     a:active, 
    a:hover{color:FFFFFF; font-size:8pt; font-weight:normal; text-decoration:none; font-style:normal;}
     td, table, tr, span, li, p, div, textarea, DIV {color:FFFFFF; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} 
    td, li, p, div, textarea {border-color:CCCCCC} table{border-color:FFFFFF}a.navbar{font-size:8pt; font-weight:normal} 
    a.navbar:link{color:CCCCCC;}
    a.navbar:active{color:FFFFFF;} a.navbar:visited{color:CCCCCC;} 
    a.navbar:hover {background-image:url(http://nuclearcentury.net//myspace/i...g/darkrain.gif); filter:alpha(finishopacity=0, style=2);
     filter:blur; width: inherit; height: 1;
     filter: alpha(Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);
     font-size:8pt; color:F7F7F7; text-decoration:none; letter-spacing:2px; border:1px solid;} 
     
    a.searchlinkSmall{font-size:8pt; text-decoration:none; font-weight:normal;} a.searchlinkSmall:link{color:FFFFFF}
    a.searchlinkSmall:active{color:FFFFFF}
    a.searchlinkSmall:visited{color:FFFFFF}
    a.searchlinkSmall:hover{color:FFFFFF}
     
    body{background-color:000000;background-image:url(http://img45.imageshack.us/img45/540...rils3yi6ao.jpg); 
    background-position:0%;
    background-repeat:repeat;
    background-attachment:fixed;}
     
    .nametext{font-size:8pt;color:FFFFFF; font-weight:normal;}
    .blacktext10{font-size:8pt; color:FFFFFF; font-weight:normal;}
    .blacktext12{font-size:8pt; color:FFFFFF; font-weight:normal;}
    .btext, .itext, .text{font-size:8pt; color:FFFFFF; font-weight:normal;}
    .orangetext15{color:FFFFFF; font-weight:normal;}
    .lightbluetext8{font-size:8pt; color:FFFFFF; font-weight:normal;}
    .tmz_imp{font-family:arial;color:FF0000;font-weight:bold}
     
    a img{} 
    a :hover img
     {background-image:url ('http://nuclearcentury.net//myspace/images/bg/darkrain.gif');
     filter:alpha(finishopacity=50, style=1); border:1px solid;}

  5. #5
    DeadMeatGF's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    381

    Re: Myspace Profile CSS issue

    The two things that jump out, and I would suggest correcting first, are that your URL to the image is not enclosed in quotes, but the working version is, and the working version has
    Code:
    a:hover, a.redlink:hover, a.navbar:hover {
    where yours has only
    Code:
    a.navbar:hover {
    Let me know if that has any effect, and I'll keep looking

  6. #6
    Tito's Avatar
    New User

    Status
    Offline
    Join Date
    Mar 2006
    Posts
    4

    Re: Myspace Profile CSS issue

    Ok I updated it with those suggestions and still no dice. I appreciate the effort though

  7. #7
    DeadMeatGF's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    381

    Re: Myspace Profile CSS issue

    OK - I'll have another look, unfortunately I can't visit myspace from work, so it'll have to be over the weekend ...



Tags for this Thread