The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

translucent cells [HELP]

4 posters

Go down

translucent cells [HELP] Empty translucent cells [HELP]

Post by +Fusion- April 6th 2012, 7:06 pm

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

CAn u help me make it look like:

translucent cells [HELP] Csssit10

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;}
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

translucent cells [HELP] Empty Re: translucent cells [HELP]

Post by kirk April 7th 2012, 3:44 am

change your table row colors from the green you have to more white or light gray.
kirk
kirk
Forumaster

Male Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

translucent cells [HELP] Empty Re: translucent cells [HELP]

Post by +Fusion- April 7th 2012, 7:17 am

nothing changed, is this for all forums, because i have phpbb2
+Fusion-
+Fusion-
Forumember

Male Posts : 252
Reputation : 4
Language : English
Location : Flying

http://www.xcodezz.com

Back to top Go down

translucent cells [HELP] Empty Re: translucent cells [HELP]

Post by Niko April 7th 2012, 1:47 pm

ReBoRNz wrote:nothing changed, is this for all forums, because i have phpbb2

Hello,

Can you provide your Url?
I have a solution to help you but I need to see your forum Mr. Green

Friendly,
Niko
Niko
Helper
Helper

Male Posts : 3098
Reputation : 244
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

translucent cells [HELP] Empty Re: translucent cells [HELP]

Post by Guest April 7th 2012, 2:20 pm

Hi!

Try only adding this code to CSS Stylesheet:
Code:
td.row1, td.row2, td.row3, td.row3Right{
opacity: 0.4 !important;
-moz-opacity: 0.4 !important;
filter: alpha(opacity=40) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
-khtml-opacity: 0.4 !important;
}
avatar
Guest
Guest


Back to top Go down

translucent cells [HELP] Empty Re: translucent cells [HELP]

Post by rasheedz April 8th 2012, 9:28 am

Try this:
find this
Code:
td.row1,td.row3.over:hover
and then add this code below
Code:
opacity:0.9;
filter:alpha(opacity=90);

avatar
rasheedz
New Member

Posts : 1
Reputation : 1
Language : English

http://anime-life.forumotion.com/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum