Thread: Myspace Profile CSS issue
Results 1 to 7 of 7
Related
-
Help with tables on a myspace profile Forum: Myspace Forum
Replies: 3 -
Myspace profile Forum: Myspace Forum
Replies: 1 -
myspace profile Forum: Myspace Forum
Replies: 2
-
03-27-2006, 11:58 AM #1
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
-
03-29-2006, 05:03 AM #2
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
-
03-29-2006, 11:55 AM #3
Re: Myspace Profile CSS issue
(Edited)
Last edited by Tito; 03-29-2006 at 12:05 PM.
-
03-29-2006, 12:04 PM #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>
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;}
-
03-30-2006, 04:00 AM #5
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 {
Code:a.navbar:hover {
-
03-31-2006, 03:52 AM #6
Re: Myspace Profile CSS issue
Ok I updated it with those suggestions and still no dice. I appreciate the effort though
-
03-31-2006, 05:54 AM #7
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 ...