Accueil arrow Toutes les questions... arrow Comment afficher votre menu au dessus d'une animation Flash ?

Comment afficher votre menu au dessus d'une animation Flash ? Convertir en PDF Version imprimable Suggérer par mail
26-04-2007

Vous avez créé une animation en flash, et votre menu passe en dessous lorsqu'il se déploie.

Pour éviter ce genre de problème, il suffit d'ajouter la balise wmode à votre code xHtml. L'exemple suivant vous indique plus précisement que faire (la partie à rajouter est en bleu):

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
 width="*largeur*"
  height="*hauteur*">
<param name="movie" value="*chemin de l'animation*" />
<param name="quality" value="high" />
<param name="wmode" value="transparent">
<embed src="*chemin de l'animation*"
quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer"
type="application/x-shockwave-flash"
width="*largeur*"
height="*hauteur*"
wmode="transparent">
</embed>
</object>

Vous utilisez une régie publicitaire, qui utilise des publicités en Flash. Cependant vous n'avez pas accès au code de cette animation


Il va falloir utiliser les balise z-index dans votre feuille de style css, pour la partie menu, et définir ce style dans le composant banner.

  • Rendez-vous dans le composant banner (cela doit être possible avec la plupart des composants gérant l'affichage de bannière publicitaire), et rajouter le code en bleu au code donné par la régie publicitaire.
<div style="z-index: 2;">
<script language="javascript" src="url de la régie publicitaire"> </script>
<noscript> <a href="url de votre compte client" target="_blank">
<img src="chemin d'affichage de la bannière" width=300 height=250 border=1>
</a>
</noscript>
</div>
  • Rendez-vous maintenant dans la feuille de style CSS de votre template. Il est difficile de vous donner l'endroit exact ou devrais rajouter le code suivant. Cependant sachez qu'il dépend de la position de votre menu. De plus certains template, comme chez rockettheme, définisse leurs positions propres, il est donc bon de répérer exactement à quels styles correspond votre menu.
    Une fois le style CSS, dont dépend votre menu (ici: "div#horizmenu"), rajoutez le style suivant de la façon suivante:
#horizmenu { height: 26px; position: relative; z-index: 1; }

A noter que le style z-index de votre menu doit etre inférieur à celui de votre animation.

 
< Précédent   Suivant >