http://dragoninteractive.com/

How we're the roll-over buttons set to fade like that? And the header even fades in when different links are clicked...i thought it was jquery or something but I really don't know. I'm still learning php for drupal =/

O and last question...i just finished off a "tutorial" on coding a site for drupal...but it really didn't help because they just sort of gave me the code...are there any tutorials that would help converting html to php? <---That might not be the right question but I can't think of another way to ask lol.

Thanks ahead of time =D

You don't 'convert' HTML to php, HTML remains as the framework. You ADD php to the mix to manipulate how things go inside that framework.

As for the rollovers on that site, I do believe they are using javascript for that.

I think they're using javascript too. If you view the source of the page you'll see links to two javascript files at the top. One or both are likely controlling the fading effect.

Originally Posted by LadynRed

You don't 'convert' HTML to php, HTML remains as the framework. You ADD php to the mix to manipulate how things go inside that framework.

Ahh ok, ya sorry about that. It just seems very strange to me to incorporate a second language into html...im too use to just seeing html and a css page i suppose

Probably a javascript somewhere along the lines of script scriptaculous.

You can always go to view source and read the html code to get a better idea of whats going on. But like everyone else has mentioned it looks like some javascript

by the looks of its deffineatly some java script, xhtml and css also a bit of php but this site could be designed without using php.

could this also be done using .gif animation (maybe as a background)? there only small boxes...mabe 20 frames or something or would that not work??

It is a CSS effect:

http://dragoninteractive.com/lib/c/styles.php

It uses one main image:

http://dragoninteractive.com/lib/i/n...ion/sprite.jpg

And changes the position of it in the CSS code for the cascading effect:
background-position: -102px 0;

background-position: -217px 0;

etc