211 users online (0 members and 211 guests)  

> > > > Myspace Profile CSS issue

  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. 03-27-2006, 11:58 AM #1
    Tito
    Tito is offline
    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
    Reply With Quote Reply With Quote
  2. 03-29-2006, 05:03 AM #2
    DeadMeatGF
    DeadMeatGF is offline
    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
    Reply With Quote Reply With Quote
  3. 03-29-2006, 11:55 AM #3
    Tito
    Tito is offline
    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.
    Reply With Quote Reply With Quote
  4. 03-29-2006, 12:04 PM #4
    Tito
    Tito is offline
    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;}
    Reply With Quote Reply With Quote
  5. 03-30-2006, 04:00 AM #5
    DeadMeatGF
    DeadMeatGF is offline
    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
    Reply With Quote Reply With Quote
  6. 03-31-2006, 03:52 AM #6
    Tito
    Tito is offline
    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
    Reply With Quote Reply With Quote
  7. 03-31-2006, 05:54 AM #7
    DeadMeatGF
    DeadMeatGF is offline
    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 ...


    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Tags for this Thread