Team-Masters.com
Que du Gratuit pour Webmasters
Des transitions pour vos pages
Votre site est terminé, rempli d’informations, visité, mais vous le trouvez encore monotone ? Alors n’hésitez pas à lui ajouter quelques effets comme les transitions de pages. Elles servent à donner un petit plus à votre site au moment où l’internaute quitte une page et en charge une autre. Le code qui vous est proposé est très simple et n’alourdira donc pas le poids de vos pages. Seul problème, celui-ci ne fonctionne qu’avec Internet Explorer, c’est à dire que les utilisateurs d’autres navigateurs comme Mozilla, Opéra, Netscape, ne verront pas l’effet, mais les pages s’afficheront correctement bien entendu.
Alors, pour vos transitions de pages, il suffit de placer le code suivant entre les balises <head> et </head> de vos pages :
<meta http-equiv="Page-Enter" content="RevealTrans (Duration=3, Transition=1)">
<meta http-equiv="Page-Exit" content="RevealTrans (Duration=3, Transition=2)">Explications :
Vous pouvez changer plusieurs paramètres, en fonction de vos propres envies.
Page-Enter indique que la transition aura lieu en entrée de page
Page-Exit indique que la transition aura lieu en sortie de page
Duration=3 indique que la transition durera 3 secondes
Transition=1 est égal au numéro de la transition
Pour appliquer différents types de transition, référez-vous au tableau ci-dessous :
N° d’identification des transitions |
|||
N° Description |
N° Description |
||
1 |
Carré | 13 |
Deux lignes (de gauche/droite vers le centre |
2 |
Cercle (de l’extérieur vers l’intérieur) | 14 |
Deux lignes (du centre vers gauche/droite) |
3 |
Cercle (de l’intérieur vers l’extérieur ) | 15 |
Deux lignes (du haut/bas vers le centre) |
4 |
Ligne (du bas vers le haut) | 16 |
Deux lignes (du centre vers haut/bas) |
5 |
Ligne (du haut vers le bas) | 17 |
Ligne diagonale (du haut/droit vers bas/gauche) |
6 |
Ligne (de gauche vers la droite) | 18 |
Ligne diagonale (du bas/droit vers haut/gauche) |
7 |
Ligne (de droite vers la gauche) | 19 |
Ligne diagonale (du haut/gauche vers bas/droit) |
8 |
Lames (de gauche vers la droite) | 20 |
Ligne diagonale (du bas/gauche vers haut/droit) |
9 |
Lames (du haut vers le bas | 21 |
Bande horizontale |
10 |
Damier (de gauche vers la droite) | 22 |
Bande verticale |
11 |
Damier (du haut vers le bas) | 23 |
Aléatoire (n’importe lequel des effets ci dessus) |
12 |
Pixellisation | ||
23 décembre 2004
Un fondu pour vos transitions de page
Créez un tableau aux coins arrondis
Liens "Suivant" et "Précédent"
Un bouton pour fermer la fenêtre
Streaming : Son et vidéo avec RealMedia
Intégrer du son ou de la vidéo sur son site Web
L’Icône de votre site dans la barre d’adresse
Eviter la mise en cache des pages HTML dans le navigateur
