Ce Tutoriel vous permet de faire un effet de survole sur l’image de votre bouton lien. C’est-à-dire, sur survole de le bouton, l’image change.

 

 

♦ Ouvrez votre dossier « images » de votre site qui est sur votre pc auquel il y a vos images que vous souhaitez modifier
(Mieux faire une petite sauvegarde sur son PC hein, ne l’effacez pas)
♦ Ouvrez une des images de votre menu avec un logiciel de graphisme.
(Photoshop ou Photofiltre, n’importe)
♦ Faites la modification pour la rendre, un peu plus clair ou comme vous le souhaitez voir en sur-volage.
♦ Enregistrez votre image au même format que l’original et sous un autre nom pour ne pas écraser l’original.
♦ Faîtes ceci avec les autres boutons que vous souhaitez avoir.
♦ Placez les dans votre dossier « images » si ce n’est pas encore fait et uploadez sur votre FTP dans « images ».

♦ Ouvrez votre « index » avec votre bloc-note.
♦ Je vais vous montrer un exemple. Cherchez un de votre ligne de code concernant un bouton possédant déjà un lien.

<tr>
<td>
<a href= »URL DU MENU » target= »_blank »><img style= »border: 0px solid ; width: 136px; height: 33px; » src= »URL DE L’IMAGE DU MENU » alt= » »></a></td>
</tr>

♦ Bien, je vous montre le code HTML permettant de faire ce changement d’image au survole de la souris.
Hey oui c’est code est utilisable aussi pour Forum.

<img src= »1ER_LIEN_IMAGE » id= »imagen » onmouseover= »this.src=’2EME_LIEN_IMAGE' » onmouseout= »this.src=’1ER_LIEN_IMAGE' »>

♦ Remplacez ce code ci-dessus à la place de :

<img style= »border: 0px solid ; width: 136px; height: 33px; » src= »images/index_05.png »>

♦ Modifier les caractères en MAJUSCULE par les liens de vos images que vous aviez uploadés.

<tr>
<td>
<a href= »URL DU MENU » target= »_blank »><img src= »1ER_LIEN_IMAGE » id= »imagen » onmouseover= »this.src=’2EME_LIEN_IMAGE' » onmouseout= »this.src=’1ER_LIEN_IMAGE' »></a></td>
</tr>

♦ Faîtes pareil avec vos autres boutons par le même procéder.
♦ Puis enregistrez votre index.

♦ Continuons, Ouvrons « Index » avec votre programme NVU.
♦ Vous voyez qu’il y a de gros cadres bleu ou mauve autour de votre bouton.

♦ Cliquez 2 fois sur votre premier bouton ou allez dans Insertion > Liens.
♦ Allez dans l’onglet « Emplacement » c’est-à-dire de l’emplacement de votre image.
♦ Cochez « Ne pas utiliser de texte alternatif »
♦ Vérifiez que le lien de l’image soit celle de l’original, puis Ok
♦ Faîtes de même pour vos autres boutons.

♦ Uploadez votre index et c’est terminé !!!

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *