Rollover Images for 2.0 Friends Module
- Go to MSC Home
|
Go to MSC Profile 2.0 Codes -
Rate This Page!
With this code you can set a custom image to show in your friends module and then actually display the real image of the friend when someone hovers over the image. See example screen shot below.
In my code I used my own custom image I made of a question mark. Feel free to use it or make your own image and replace the tinypic URL with your own. The image should be about 90x90px. Add this code to your 2.0 CSS { } Box:
.msc {rollover image for friends} .msc {http://www.myspace-compilation.com/RollFriends2.php} div.friendSpaceModule div.moduleBody ol li span a {background-image:url(http://i27.tinypic.com/29eoi2t.png); background-repeat:no-repeat; margin-left:1px;} div.friendSpaceModule div.moduleBody ol li img {height:90px; width:90px; filter:alpha(opacity="0"); -moz-opacity:0.0; opacity:0.0; -khtml-opacity:0.0;} div.friendSpaceModule div.moduleBody ol li img:hover {height:90px; width:90px; margin-left:-20px; filter:alpha(opacity="100"); -moz-opacity:100.0; opacity:100.0; -khtml-opacity:100.0;}
Questions/Comments?
Ask them here
.