Site internet avec Kompozer
Fermé
dugre000
Messages postés
4
Date d'inscription
jeudi 27 octobre 2011
Statut
Membre
Dernière intervention
28 octobre 2011
-
27 oct. 2011 à 19:54
dugre000 Messages postés 4 Date d'inscription jeudi 27 octobre 2011 Statut Membre Dernière intervention 28 octobre 2011 - 28 oct. 2011 à 19:17
dugre000 Messages postés 4 Date d'inscription jeudi 27 octobre 2011 Statut Membre Dernière intervention 28 octobre 2011 - 28 oct. 2011 à 19:17
A voir également:
- Site internet avec Kompozer
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Url site internet - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
4 réponses
coco_83
Messages postés
711
Date d'inscription
mercredi 2 mai 2007
Statut
Membre
Dernière intervention
27 octobre 2011
127
27 oct. 2011 à 20:03
27 oct. 2011 à 20:03
Un petit script fera l'affaire....
À placer entre <head> et </head> en mode "code":
<script type="text/javascript">
function changeImage(src)
{
document.getElementById('logo').src = src;
}
</script>
Puis, ton image, après <body> (va chercher où elle se trouve déjà et remplace):
<img src="mon_image_de_base.jpg" style="height: 30px; width:30px" id="logo" /> (height et width peuvent varier suivant les dimensions de ton image, ils peuvent même être omis mais attention si les images ont des tailles différentes)
Dans ton menu:
<span onmouseover="changeImage('mon_image_2.jpg')" onmouseout="changeImage('mon_image_de_base.jpg')">Mon texte</span>
Entoure chacun des textes par un <span> comme ci-dessus en changeant le nom des images. Le "onmouseout" sert lorsque l'utilisateur enlève son curseur de l'élément du menu, pour revenir à l'image initiale.
Voilà! Autre chose?
À placer entre <head> et </head> en mode "code":
<script type="text/javascript">
function changeImage(src)
{
document.getElementById('logo').src = src;
}
</script>
Puis, ton image, après <body> (va chercher où elle se trouve déjà et remplace):
<img src="mon_image_de_base.jpg" style="height: 30px; width:30px" id="logo" /> (height et width peuvent varier suivant les dimensions de ton image, ils peuvent même être omis mais attention si les images ont des tailles différentes)
Dans ton menu:
<span onmouseover="changeImage('mon_image_2.jpg')" onmouseout="changeImage('mon_image_de_base.jpg')">Mon texte</span>
Entoure chacun des textes par un <span> comme ci-dessus en changeant le nom des images. Le "onmouseout" sert lorsque l'utilisateur enlève son curseur de l'élément du menu, pour revenir à l'image initiale.
Voilà! Autre chose?
dugre000
Messages postés
4
Date d'inscription
jeudi 27 octobre 2011
Statut
Membre
Dernière intervention
28 octobre 2011
27 oct. 2011 à 21:15
27 oct. 2011 à 21:15
merci pour ton aide
ça ne marche pas mais ça vient sans doute de mon affaire
je t'explique en fait je n'ai pas de menu il s'agit eulement de lien disposé dans un tableau...
Est ce que la manip reste la même
Merci
ça ne marche pas mais ça vient sans doute de mon affaire
je t'explique en fait je n'ai pas de menu il s'agit eulement de lien disposé dans un tableau...
Est ce que la manip reste la même
Merci
coco_83
Messages postés
711
Date d'inscription
mercredi 2 mai 2007
Statut
Membre
Dernière intervention
27 octobre 2011
127
27 oct. 2011 à 21:54
27 oct. 2011 à 21:54
Oui... Peux-tu poster ici l'intégralité du code de ta page Web? Comme ça je corrigerai directement ;)
dugre000
Messages postés
4
Date d'inscription
jeudi 27 octobre 2011
Statut
Membre
Dernière intervention
28 octobre 2011
27 oct. 2011 à 22:27
27 oct. 2011 à 22:27
je viens te les envoyer par message privée puisque la ça ne marchait pas ??? je ne sais pas pourquoi?
Merci
Merci
dugre000
Messages postés
4
Date d'inscription
jeudi 27 octobre 2011
Statut
Membre
Dernière intervention
28 octobre 2011
28 oct. 2011 à 19:17
28 oct. 2011 à 19:17
Bonjour à tous est ce que quelqu'un aurait la solution à mon pb ?
Merci pour votre aide
Merci pour votre aide