FRIHOST FORUMS SEARCH FAQ TOS BLOGS COMPETITIONS
You are invited to Log in or Register a free Frihost Account!


Table fade effect





Boffel
Does anyone know how to get a tablefade from one color to another?

Because I could need one for my site...

Please tell me as fast as u can.
Azmo
Don't think u can fade a table, u can fade a whole site but not a single table.. your best option is to use a faded background in your table..
imagefree
Azmo!!!!!!!!!!

Can you please tell how to fade a site?
Azmo
sure.. not hard.. here are some different codes depending on how u want it to fade...

Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=50, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=50, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=0, Style=3);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=0, Style=2);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=50, Style=1, StartX=50, StartY=0, FinishX=100, FinishY=0);}
-->
</style>
</head>
<body class="alpha">

</body>


Code:
<head>
<style type="text/css">
<!--
.alpha {filter: Alpha(Opacity=100, FinishOpacity=50, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);}
-->
</style>
</head>
<body class="alpha">

</body>


Tips, try different values to get a result that you are happy with.. if the fade is shown to much.. change the "finishopacity" or the "opacity" and chose a higher value to give less opacity.

this fades ur background.. have fun with it Smile
Related topics
Metallica
[java scripts ] Multimedia
[java scripts] Text effect , img ....
The Butterfly Effect
Highlighting Table Cells
DJ turntable out of an old mouse
[Official] Google IM thread (Google Talk)
My new site
Games on the lession table in Denmark
Making a table a link.
Need javascript image effect
RATE my site www.johansempuerto.tk
How do I switch my table based web-design to a div based?
JS: How do you manage Cross Browser Compatibility?
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.