vForums Support > Programming & Coding :: Database of Codes/Hacks/Mods :: > Easy CSS Rollover
Easy CSS Rollover - Posted By Dreg[Bot] (dregondrahl) on 2nd Jan 08 at 7:01pm
Yeah, its easy cuz you do nothing but add it in. It uses opacity to create a rollover effect.
GLOBAL HEADER
<style type="text/css">
<!--
a img {
filter:alpha(opacity=50);
-moz-opacity: .5;
opacity: .5
}
a:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1
}
-->
</style>
If you don't want sigs to have the rollover effect use this Insted
<style type="text/css">
<!--
a img {
filter:alpha(opacity=50);
-moz-opacity: .5;
opacity: .5
}
a:hover img, .signature img, #signature img {
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1
}
-->
</style>