Titre du sujet : Re: adapter un thème par bguegan sur 11/12/2013 15:05:18
Bonjour,
Pour moi c'est presque bon :
<div id="menu">
<div id="menu2">
<img src="images/interface/menu<?php echo '-'.$menugeneral ;?>.png" usemap="#mape" width="628" height="115" alt="menu" />
<map id="mape" name="mape">
<?php
$coordx1=0;
$coordx2=141;
$coordx3=192;
$coordx4=51;
$coordxhover=3;
?>
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1 ; ?>,115, <?php echo $coordx2 ; ?>,0, <?php echo $coordx3 ; ?>,0, <?php echo $coordx4 ; ?>,115" href="direction.html" alt="Direction" title="Direction" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="secretariat.html" alt="Secrétariat" title="Secrétariat" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="inscription.html" alt="Inscriptions" title="Inscriptions" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="projet-pedagogique.html" alt="Projet pédagogique" title="Projet pédagogique" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="educateur.html" alt="Éducateurs" title="Éducateurs" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="accompagnement.html" alt="Aides et mesures d'accompagnement" title="Aides et mesures d'accompagnement" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="activite.html" alt="Activités" title="Activités" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="grille-horaire.html" alt="Grilles Horaires" title="Grilles Horaires" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="organisation-horaire.html" alt="Organisation horaire" title="Organisation horaire" />
<area shape="poly" onMouseOver="menuhover('menu2','<?php echo $coordxhover+=51 ; ?>px');" onMouseOut="menuhover('menu2','-169px');" coords="<?php echo $coordx1+=51 ; ?>,115, <?php echo $coordx2+=51 ; ?>,0, <?php echo $coordx3+=51 ; ?>,0, <?php echo $coordx4+=51 ; ?>,115" href="ephemeride.html" alt="Éphémérides" title="Éphémérides" />
</map>
</div>
</div>
Sauf qu'il faut affecter une image à $menugeneral :
images/interface/menu<?php echo '-'.$menugeneral ;?>.png
Car ça donne :
<img src="images/interface/menu-.png" usemap="#mape" width="628" height="115" alt="menu" />
Voilà ... Dites moi ce que vous en pensez ...
Bruno
|