source: https://help.forumotion.com/t137-to-make-the-cells-translucent
WHat my site looked like after i followed the tutorial,
![translucent cells [HELP] Transl10](https://i.servimg.com/u/f44/17/24/71/57/transl10.jpg)
CAn u help me make it look like:
![translucent cells [HELP] Csssit10](https://i.servimg.com/u/f44/17/24/71/57/csssit10.jpg)
Instructions from the tutorial
WHat my site looked like after i followed the tutorial,
![translucent cells [HELP] Transl10](https://i.servimg.com/u/f44/17/24/71/57/transl10.jpg)
CAn u help me make it look like:
![translucent cells [HELP] Csssit10](https://i.servimg.com/u/f44/17/24/71/57/csssit10.jpg)
Instructions from the tutorial
- Code:
To make the cells translucent :
First you should have to put colors in the 'Table Row 1, 2 and 3':
Admin panel >> Styles Admin >> Colors >> Table Row Colour 1, 2 and 3
After, or you directly put your CSS on the Admin panel/ Site description,
or you already have a CSS file link to your board, and you just have to add this code to it.
Each navigator uses a differente attribute, so you'll have to put all of them to be sure than your visitors or members will see the same effect:
Opera opacity: .*
Modzilla -moz-opacity: .*
Internet Explorer filter: alpha(opacity=**)
Now is just need to write your CSS for the cells:
CODE:
td.row1, td.row2, td.row3, td.row3Right { opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8;}
Here 8 and 80 corresponds to an opacity of 80%
So, if we directly put it on the admin panel:
Admin panel >> General Admin >> Configuration >> Site description
CODE:
<style type="text/css">td.row1, td.row2, td.row3, td.row3Right { opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}</style>
Warning, make sur that all the script is put, if it's not, you'll have a bug of display with your board.
It's possible to correct this bug, but you will have to ask for on the support forum.
You also have the possibilty to add this to your CSS file if you have one.
Just include it on :
CODE:
td.row1, td.row2, td.row3, td.row3Right { opacity: .8;
filter: alpha(opacity=80);
-moz-opacity: .8;}