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.

To make the cells translucent

2 posters

Go down

Tutorial To make the cells translucent

Post by larme d'ange December 20th 2005, 12:41 pm

How to make the cells translucent


Before starting to read this tutorial, I advise you to read this one, on the css files:

https://help.forumotion.com/viewtopic.forum?t=135

----------------

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 Arrow opacity: .*
Modzilla Arrow -moz-opacity: .*
Internet Explorer Arrow 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;}


that's all folks

larme d'ange
larme d'ange
Forumember

Male Posts : 41
Reputation : 9
Language : french
Location : in the heart of my love

http://lda-creation.conceptbb.com/index.forum?c=14/

Back to top Go down

Tutorial Re: To make the cells translucent

Post by Cornelia June 16th 2006, 5:16 am

If you want to have your cells translucent, but you have already other codes in the site desctiption, or if you feel really uneasy in using CSS, you can use SanDream's Script Generator to gather several codes in one script : https://help.forumotion.com/viewtopic.forum?t=317
Cornelia
Cornelia
Hyperactive

Female Posts : 4763
Reputation : 173
Language : I'M NOT A TECHIE OR A MOD, SO QUIT SENDING ME PMS FOR TECHIE STUFF OR LOST PASSWORDS !!!
Location : Absent on weekends until camping season ends

http://ishimaru-design.servhome.org

Back to top Go down

Back to top

- Similar topics

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