[b]For Boxes[/b]
[quote].controlpanel {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}
.commonbox {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}
.commonbox .evenrow {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}[/quote]
[b]For Shoutbox[/b]
[quote].controlpanel .so, .minicontrolpanel .so {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}
.controlpanel .sol, .minicontrolpanel .sol {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}
.controlpanel .sob, .minicontrolpanel .sob {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}[/quote]
[b]Working with I.E and FF[/b]
Note: this code affect your text and image also
[i]^so how to solve this problem? try making a translucent image and use it as BG of commonboxes [/i]
If you want Onhover effect you can add this code
I don't know if this code is working properly with IE,Safari and Opera
TESTED WITH FF working properly.
[url=http://theftalk.com/t51376-Change-Box-color-When-Hovered-%5B-FIREFOX-%5D.html]On Hover Code Credit goes to Switpotato and Flint[/url]
I only modify the code.
[spoiler]/* On Hover */
div.commonbox:hover {
filter:alpha(opacity=90); /* IE 4-7 */
-moz-opacity:0.9; opacity: 0.9; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=90)"; /* IE 8 */
}[/spoiler]
Make your Addbox translucent too
[spoiler][b][color=red]PUT UR ADDBOX ID OR CLASS HERE DONT FORGET TO ADD THE "#" OR "."[/color][/b] {
background-color: HEXHERE;
filter:alpha(opacity=80); /* IE 4-7 */
-moz-opacity:0.8; opacity: 0.8; /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}[/spoiler]
Last edited by - razian - (2009-08-14 21:10:08)