Help - Search - Members - Calendar
Full Version: Helping Code Page Transistions
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
k.digennaro
Well first off I'm trying to figure out to code my webpage, It has what would be 2 CSS documents. The first page is kinda a welcome screen, then you hit the 'enter' button and go to the main CSS.

Any ways for the first screen I want to create a couple page transitions, when you enter the page I want the image to 'box in'. I found this code,
CODE
revealTrans(TRANSITION=0,DURATION=t)
. I'm not sure how I can add the code into a CSS to make this work. Also I want to create some text effects all this would load with the page.

Any help would be awesome, If I can clarify let me know.
Thanks,
Kevin
machine
I don't know how you're using your CSS, but I don't think that code is supposed to be a part of your stylesheet.

It is supposed to be put between the <head> and</head> tags at the beginning or top your page. That is also the place where you put the link to your CSS file, if you're using an external stylesheet file, that is... smile.gif

Edit: This [below] is the way I have seen it being used:
CODE
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">


Note: "Page-Enter" indicates that the transition effect is used when you enter/open this page. The whole thing/code is placed within the <head> and </head> tags of your page.
Andrew
Yea isn't that some form of javascript? shouldn't it be inside <script> tags in the head tag?

I really don't know for sure though because I don't really use javascript at all.
Jacob
What is the language he is trying to use?

Jacob.
k.digennaro
yeah the code i posted in java script, and its supposed to be posted in between the head in script tags.
machine thanks for the response here's my issue though. I only want part of the code to come in like that.

here's kinda what im going for, and if im not m,istaken i beleive this was done with java script, im just not familar with java at all.
http://www.templatehelp.com/screenshots/8900/8902-m.jpg
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.