(HTML Tip) Page Transitions (IE only)

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: HTML FAQ ::: (HTML Tip) Page Transitions (IE only)

Topic: (HTML Tip) Page Transitions (IE only)

(?)

Nutrocker

ezboard Moderator
ezSupporter
Posts: 6575

Posted: 2/16/03 4:08 pm

(HTML Tip) Page Transitions (IE only)

Creating Web Page Transitions

Note: These transitions are built for IE 4.0 and above.

Do you want to put a little 'spice' in the transition of your pages
like the boxing-in or dissolve effect?
Use these sparingly, do not overdo all your pages with transitions!

Issues with Ezboard's are trying to get the code as near to the top of the header area as possible.

Use the random effect if you want a different transition on each forum.

Here is how it is done:

Add this code to the <head> </head> area of your page:
(ezboard speak, control center, my community, custom html, 1st text box from the top)

[META http-equiv="Page-Enter" content="revealTrans(Transition=1,Duration=1.000)"]

So the top of your web page should look something like this:

<html>
<head>
<title>Page Title
</title>
[META http-equiv="Page-Enter" content="revealTrans(Transition=1,Duration=1.000)"]
(Other Meta Tags)
</head>

NOTE: Replace the [ and ] for < and >
The area in your control center is
my ezboard
my community
first text box from the top

The above meta tag has the "Page-Enter" attribute which will allow the
function to kick in when someone enters the page.
The "content="revealTrans" tells the browser to start the transition.
The (Transition=1...) lets the user's browser know which transition
to display.

Here is a list of transitions you can use:

"Transition=0" will give the "Box in" effect.
"Transition=1" will give the "Box out" effect.
"Transition=2" will give the "Circle in" effect.
"Transition=3" will give the "Circle out" effect.
"Transition=4" will give the "Wipe up" effect.
"Transition=5" will give the "Wipe down" effect.
"Transition=6" will give the "Wipe right" effect.
"Transition=7" will give the "Wipe left" effect.
"Transition=8" will give the "Vertical blinds" effect.
"Transition=9" will give the "Horizontal blinds" effect.
"Transition=10" will give the "Checkerboard across" effect.
"Transition=11" will give the "Checkerboard down" effect.
"Transition=12" will give the "Random dissolve" effect.
"Transition=13" will give the "Split vertical in" effect.
"Transition=14" will give the "Split vertical out" effect.
"Transition=15" will give the "Split horizontal in" effect.
"Transition=16" will give the "Split horizontal out" effect.
"Transition=17" will give the "Strips left down" effect.
"Transition=18" will give the "Strips left up" effect.
"Transition=19" will give the "Strips right down" effect.
"Transition=20" will give the "Strips right up" effect.
"Transition=21" will give the "Random bars horizontal" effect.
"Transition=22" will give the "Random bars vertical" effect.
"Transition=23" will give the "Random" effect.

The "Duration=1.000" shows that the browser will take ONE second to
show the transition. Don't get carried away with the number of
seconds or it can seem like a slow death to your viewer!

Have fun.

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - HTML FAQ -

ezboard Help Communities:

Help Forums Bug Base