|
|
|
Auteur
|
Message
|
1
|
|
|
|
|
|
http://www.cultureco.com/chat-bts/index.php?topic=42503.0;prev_next=prev
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Merci Polov ! Je vais essayé le code sur le site que tu m'a donné, ainsi que tous les autres que j'ai trouvé. Je vous tiens au courant de ma progression.
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
|
J'ai donc essayé plusieurs codes que j'ai trouvé sur la toile aucun ne marche...
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
c'est pas sur une div qu'il faut ajouter un son mais sur un objet, donc soit un texte soit une image
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Ah d'accord ! Mais il n'y a aucun moyen de l'appliquer à une div ?
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
et pourquoi l'appliquer à une div ?
une div c'est un "conteneur" comme une cellule d'un tableau
donc c'est qui est dedans qui doit avoir soit un lien, soit une action quelconque
y a quoi dans ta div ?
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
C'est une div "bouton", c'est à dire que j'ai une image de fond où est déjà présent tous mes boutons, donc dans le code je fais des div sans rien dedans mais juste avec un lien vers une autre page du site...
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
et comment tu mets un lien sur une div "vide" ?
c'est une balise MAP ?
donne-moi le code
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
Le code est tout simple :
HTML :
<div id="Div_Menu">
<a href="accueil.htm"><span id="Div_Lien_Accueil"></span>
</a>
<a href="biennale_2007.htm"><span id="Div_Lien_Biennale_2007"></span>
</a>
<a href="biographie.htm"><span id="Div_Lien_Biographie"></span>
</a>
<a href="galerie.htm"><span id="Div_Lien_Galerie"></span>
</a>
</div>
CSS :
/* Div Menu */
#Div_Menu
{
width: 700px;
height: 60px;
margin-left: 58px;
padding-top: 159px;
}
/* Div Lien Accueil */
#Div_Lien_Accueil
{
width: 113px;
height: 59px;
margin-left: 0px;
margin-top: 0px;
float: left;
background-image: url(../images/menu_accueil_hover.jpg);
}
#Div_Lien_Accueil:hover
{
width: 111px;
height: 58px;
margin-left: 0px;
margin-top: -1px;
float: left;
border: solid 1px Red;
}
/* Div Lien Biennale 2007 */
#Div_Lien_Biennale_2007
{
width: 115px;
height: 59px;
margin-left: 76px;
margin-top: 0px;
float: left;
}
#Div_Lien_Biennale_2007:hover
{
width: 113px;
height: 58px;
margin-left: 76px;
margin-top: -1px;
float: left;
border: solid 1px Red;
}
/* Div Lien Biographie */
#Div_Lien_Biographie
{
width: 115px;
height: 59px;
margin-left: 73px;
margin-top: 0px;
float: left;
}
#Div_Lien_Biographie:hover
{
width: 112px;
height: 58px;
margin-left: 73px;
margin-top: -1px;
float: left;
border: solid 1px Red;
}
/* Div Lien Galerie */
#Div_Lien_Galerie
{
width: 115px;
height: 59px;
margin-left: 74px;
margin-top: 0px;
float: left;
}
#Div_Lien_Galerie:hover
{
width: 112px;
height: 58px;
margin-left: 74px;
margin-top: -1px;
float: left;
border: solid 1px Red;
}
-->Message édité par Crunkman le 29/07/2008 19:19:12<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
j'ai trouvé ça en javascript
http://www.infos-du-net.com/forum/179919-21-ajouter-passage-souris-lien
tu mets le script dans le head et tu précharges le son aussi
ensuite tu ajoutes le son dans le lien, avec onmousehover
pour toi ça devrait donner :
<a href="accueil.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Accueil"></span></a>
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Merci de ton aide ! J'essaie cela et je te tient au courant !
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
Après avoir changé le son j'ai fait cela :
J'ai donc mis ce code dans le head : <SCRIPT language="JavaScript"><!--if (document.images) {function bip(bipop){var cebip = document[bipop] ;cebip.play()}}--></script>
Ou dois-je mettre le code : <EMBED SRC="Double Kill.mp3" autostart=false hidden=true
name=rollo2 mastersound />
Ce code autour de ma div : onmouseover="Double Kill('rollo2')
-->Message édité par Crunkman le 30/07/2008 17:32:46<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
le <embed> tu le mets n'importe où dans la page,
il est en hidden donc il est chargé mais il n'apparait pas,
tant que l'évènement onmouseover n'a pas lieu
renomme ton "double kill.mp3" en "bip.mp3"
dans le embed et aussi dans le onmouseover
- écris tout le texte en minuscule
- dans les 3, le mot "bip" doit être identique
- ne met pas d'espace dans les noms ("double kill.mp3" c'est pas bon parce qu'il y a un espace)
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
J'ai remis les "bip" partout. Mais si je veux changer le son je dois changer quoi ? 
Voilà ce que j'ai pour l'instant. Et cela ne fonctionne pas 
<head>
<SCRIPT language="JavaScript"><!--if (document.images) {function bip(bipop){var cebip = document[bipop] ;cebip.play()}}--></script>
<title>Brian Jungen</title>
</head>
<body>
<div id="generale">
<div id="Div_Menu">
<a href="accueil.htm" <EMBED SRC="bip.mp3" autostart=false hidden=true
name=rollo2 mastersound />
<span id="Div_Lien_Accueil" onmouseover="bip('rollo2')"></span>
</a>
<a href="biennale_2007.htm"><span id="Div_Lien_Biennale_2007"></span>
</a>
<a href="biographie.htm"><span id="Div_Lien_Biographie"></span>
</a>
<a href="galerie.htm"><span id="Div_Lien_Galerie"></span>
</a>
</div>
-->Message édité par Crunkman le 31/07/2008 10:47:34<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
il ne faut pas mettre le <embed> dans le lien mais à l'exterieur, n'importe où dans la page
<EMBED SRC="bip.mp3" autostart=false hidden=true name=rollo2 mastersound />
<div id="Div_Menu">
<a href="accueil.htm"><span id="Div_Lien_Accueil" onmouseover="bip('rollo2')"></span></a>
<a href="biennale_2007.htm"><span id="Div_Lien_Biennale_2007" onmouseover="bip('rollo2')"></span></a>
<a href="biographie.htm"><span id="Div_Lien_Biographie" onmouseover="bip('rollo2')"></span></a>
<a href="galerie.htm"><span id="Div_Lien_Galerie" onmouseover="bip('rollo2')"></span></a>
</div>
-->Message édité par polov le 01/08/2008 17:19:42<--
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Merci je vais changer cela et je t'informerai du résultat !
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
Cela ne marche toujours pas.  Le code est le suivant :
<div id="Div_Menu">
<a href="accueil.htm" <span id="Div_Lien_Accueil" onmouseover="bip('rollo2')"></span>
</a>
<a href="biennale_2007.htm"><span id="Div_Lien_Biennale_2007"></span>
</a>
<a href="biographie.htm"><span id="Div_Lien_Biographie"></span>
</a>
<a href="galerie.htm"><span id="Div_Lien_Galerie"></span>
</a>
</div>
<EMBED SRC="bip.mp3" autostart=false hidden=true
name=rollo2 mastersound />
-->Message édité par Crunkman le 01/08/2008 18:08:04<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
??
- le embed doit etre chargé AVANT donc il doit etre plus haut dans la page (et pas après le menu)
- tu n'as pas fermé la balise :
<a href="accueil.htm"><span id="Div_Lien_Accueil" onmouseover="bip('rollo2')"></span>
</a>
sinon pourquoi ne pas plutot mettre une image dans la div au lieu de la laisser vide ?
comme ça tu ferais un lien normal (sur une image) et non un lien sur une div vide
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
Voilà j'ai re-modifier le code. Aucun changement sur le résultat... 
Je n'ai pas besoin de mettre une image dans la div puisque mon image de fond contient déjà les boutons du menu. J'ai donc juste à placer les div vides sur ces boutons inclus dans mon image de fond.
<div id="Div_Menu">
<EMBED SRC="bip.mp3" autostart=false hidden=true
name=rollo2 mastersound />
<a href="accueil.htm"> <span id="Div_Lien_Accueil" onmouseover="bip('rollo2')"></span>
</a>
<a href="biennale_2007.htm"><span id="Div_Lien_Biennale_2007" onmouseover="bip('rollo2')"></span>
</a>
<a href="biographie.htm"><span id="Div_Lien_Biographie" onmouseover="bip('rollo2')"></span>
</a>
<a href="galerie.htm"><span id="Div_Lien_Galerie" onmouseover="bip('rollo2')"></span>
</a>
</div>
-->Message édité par Crunkman le 02/08/2008 11:26:42<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
c'est ça le code, je te l'ai donné déjà plus haut
<a href="accueil.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Accueil"></span></a> le onmouseover est à la fin du <a href="...>
donc pour toi
<div id="Div_Menu">
<EMBED SRC="bip.mp3" autostart=false hidden=true
name=rollo2 mastersound />
<a href="accueil.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Accueil"></span></a>
<a href="biennale_2007.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Biennale_2007"></span></a>
<a href="biographie.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Biographie"></span></a>
<a href="galerie.htm" onmouseover="bip('rollo2')"><span id="Div_Lien_Galerie"></span></a>
</div> -------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
Désolé je n'avais pas fait attention au placement du onmouseover.
Le résultat reste inchangé malgré le changement de place du onmouseover.
Je crois que ca ne marchera jamais...
Merci de ton aide.
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
mais cela vient peut etre du fait que tu charges un mp3
il faudrait essayer avec un fichier son en .mid qui est beaucoup plus léger
surtout pour faire juste un bip
sinon le probleme vient peut etre de ta div qui est vide
re-essaye avec un simple lien
par exemple :
<a href="accueil.htm" onmouseover="bip('rollo2')">Accueil</a>
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
J'ai essayé avec un simple lien rien n'y fait. Pour le .mid je veux bien essayer mais comment en télécharger gratuitement ?
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
ça c'est facile
http://www.espace-francophone.com/karaoke/index_mid.html
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
Merci pour le site. 
Toujours pas de résultat. Je te donne le code pour voir si je me suis pas (encore) trompé quelque part.
<div id="Div_Menu">
<EMBED SRC="bip.mid" autostart=false hidden=true
name=rollo2 mastersound />
<a href="accueil.htm" onmouseover="bip('rollo2')"><span
id="Div_Lien_Accueil"></span> </a> <a href="biennale_2007.htm"
onmouseover="bip('rollo2')"><span id="Div_Lien_Biennale_2007"></span> </a> <a
href="biographie.htm" onmouseover="bip('rollo2')"><span
id="Div_Lien_Biographie"></span> </a> <a href="galerie.htm"
onmouseover="bip('rollo2')"><span id="Div_Lien_Galerie"></span> </a> </div>
<div id="Texte_Contenu">
<p>Bienvenue sur ce site <a href="biennale_2007.htm" onmouseover="bip('rollo2')">consacré</a> à un des
artistes présents à biennale des arts de Lyon : Brian JUNGEN. <br />
Vous trouverez au fil de ce site des informations concernant sa présence à
biennale de Lyon, sa vie, et une galerie photo de ses œuvres. </p>
</div>
-->Message édité par Crunkman le 30/08/2008 21:17:28<--
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
|
Cela devrait-il marcher avec le code ci-dessus ?
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
j'ai essayé cela ne fonctionne pas chez moi non plus
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Bien ! Je crois que le problème est sans solution ! Merci beaucoup pour ton aide fréquente Polov !
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
|
|
dommage
mais si tu as des questions pour ton site demande toujours
-------
Mon site Photoshoplus , plus de 3000 tutoriels pour Photoshop + des milliers de ressources gratuites !
Nouveau : + de 35 000 formes (brushes) à télécharger!
|
|
|
|
|
|
Bien. J'aurais certainement d'autres questions à l'avenir ! Merci !
-------
Vista = système d'exploitation programmé avec les pieds...
|
|
|
1
|
