Demande particulière avec l'utilisation des images réactive.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Demande particulière avec l'utilisation des images réactive.

Message par ibiky-ushiha le Jeu 15 Juil 2010 - 20:20

Bien le bonjour ou bonsoir.

J'ai une demande un peut compliquer me semble t'il si cela n'ait réellement impossible a faire je trouverais une autre méthode.

Voila j'explique ma demande:

J'ai actuellement une image dont j'utilise le code d'image réactive dessus, et je voulais faire quelque chose de bien compliquer, j'ai rendu mon image en PNG avec un vide a l'intérieur pour placer une vidéo derrière l'image réactive a l'endroit du vide, le seule problème ait que je n'arrive pas a plaçais la vidéo derrière mon image réactive. Je me demandais ci cela était possible, si oui merci a la personne de m'expliquer comment on peut faire cela, si besoin y a t'il je fournirais le code actuel de ma page d'en tête de mon forum.

Merci d'avoir lut ma demande est en espérant avoir une réponse assez rapide de votre par malgré les vacances.

Cordialement Ibiky-ushiha.

Edit: Ci cela n'ai pas réellement possible j'aimerais bien savoir ci l'on peut plaçais la vidéo au dessus de l'image a l'emplacement que l'on veux.


Dernière édition par ibiky-ushiha le Sam 17 Juil 2010 - 16:14, édité 1 fois

ibiky-ushiha
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 31/05/2008

http://princessedesames.forum-pro.fr/forum.htm
ibiky-ushiha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande particulière avec l'utilisation des images réactive.

Message par ibiky-ushiha le Ven 16 Juil 2010 - 19:21

Up plizz.

ibiky-ushiha
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 31/05/2008

http://princessedesames.forum-pro.fr/forum.htm
ibiky-ushiha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande particulière avec l'utilisation des images réactive.

Message par Adam_sfp le Ven 16 Juil 2010 - 20:15

Bonsoir
Pouvez vous fournir votre code et celui de la vidéo ou lien ??

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande particulière avec l'utilisation des images réactive.

Message par ibiky-ushiha le Sam 17 Juil 2010 - 0:48

Bien sur que je peux vous fournir tout cela.

Voila le code actuel de mon forum, je sais il y a un peut le bordel la dedans.

Code:
<div style="margin:auto;text-align:center;width:100%"><img usemap="#page_d_accueil" src="http://i33.servimg.com/u/f33/11/43/08/39/pageda10.png" width="996" height="960" border="0">
<map name="page_d_accueil">
<area shape="rect" title="MP" coords="49,714,94,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=1=gama&hl=fr">
<area shape="rect" title="MP" coords="139,714,184,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=7">
<area shape="rect" title="TOP ANIMANGA" coords="614,718,719,817" href="http://www.animelea.com/topanimanga/in.php?id=3639">
<area shape="rect" title="Otaku-Attitude" coords="724,718,829,817" href="http://topsite.otaku-attitude.net/"><img src="" alt="" border="0" /></a>
<area shape="rect" title="Princesse des âmes Top site" coords="834,718,939,817" href="http://www.root-top.com/topsite/tamashiihime/in.php?ID=1"></a>

<area shape="rect" title="Black Rock Shooter Animation" coords="325,100,700,450" href="http://www.youtube.com/watch?v=0Pj80Y8ZJ1k">

<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
</map></div>
<br><div style="margin:auto;text-align:center;width:100%">Source de la création du forum : <a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=4237291" class="postlink" target="_blank">Pixiv by TNSK</a>; <a href="http://fr.hitskin.com/rechercher-un-theme/team-gamers-134310.htm" class="postlink" target="_blank">thème Forumactif Team Gamers</a></div>
<br><br>

<div style="margin:auto;text-align:center;width:100%">
<object data="http://swf.widgadget.com/wrapper.swf?wid=5417&amp;statsid=5340&amp;langid=fr&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" type="application/x-shockwave-flash" width="160" height="620" id="widget" style="outline:none;">
<param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=5417&amp;statsid=5340&amp;langid=fr&amp;env=production&amp;cacheServer=widgets&amp;apix=2.0" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="false" />
<param name="bgcolor" value="#000000" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="0" value="" />
</object><noscript>
T&eacute;l&eacute;chargez le widgete <a href="http://fr.widgadget.com/widget/jeuxvideocom">jeuxvideo.com.</a> 
Plus de widgets sur <a href="http://fr.widgadget.com/">Widgadget, la communaut&eacute; des widgets.</a>
Sponsoris&eacute; pa: <a href="http://www.newslettersoft.com/">NewsletterSoft</a>
</noscript>

<script src="http://www.capcom.co.jp/monsterhunter/bp/mh_bp.js" type="text/javascript"></script>
</div>

le code de la vidéo.

Code:
[flash(425,350)]http://www.youtube.com/v/0Pj80Y8ZJ1k[/flash]

Voila en espérant que cela et possible, sinon j'ai pensais à créer toute mon image avec le personnage et la bulle en code avec le cadre des Staffs et des TopSites, si bien sur ce que je cherche ait impossible.

Merci bien a vous.

ibiky-ushiha
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 31/05/2008

http://princessedesames.forum-pro.fr/forum.htm
ibiky-ushiha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande particulière avec l'utilisation des images réactive.

Message par Adam_sfp le Sam 17 Juil 2010 - 9:44

Bonjour

Peut être pas la meilleure solution mais ça à l'air de fonctionner ( vidéo par dessus )


Code:
<div style="margin:auto;text-align:center;width:100%"><img usemap="#page_d_accueil" src="http://i33.servimg.com/u/f33/11/43/08/39/pageda10.png" width="996" height="960" border="0">
<map name="page_d_accueil">
<area shape="rect" title="MP" coords="49,714,94,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=1=gama&hl=fr">
<area shape="rect" title="MP" coords="139,714,184,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=7">
<area shape="rect" title="TOP ANIMANGA" coords="614,718,719,817" href="http://www.animelea.com/topanimanga/in.php?id=3639">
<area shape="rect" title="Otaku-Attitude" coords="724,718,829,817" href="http://topsite.otaku-attitude.net/"><img src="" alt="" border="0" /></a>
<area shape="rect" title="Princesse des âmes Top site" coords="834,718,939,817" href="http://www.root-top.com/topsite/tamashiihime/in.php?ID=1"></a>
<area shape="rect" title="Black Rock Shooter Animation" coords="325,100,700,450"
<!-- start code vidéo -->
<object width="450" height="350" style="position:absolute;margin-top:90px;margin-left:-720px;><param name="movie" value="http://www.youtube.com/v/0Pj80Y8ZJ1k&hl=fr_FR&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0Pj80Y8ZJ1k&hl=fr_FR&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="450" height="350" ></embed></object>
<!-- end code video -->
<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
</map></div>
<br><div style="margin:auto;text-align:center;width:100%">Source de la création du forum : <a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=4237291" class="postlink" target="_blank">Pixiv by TNSK</a>; <a href="http://fr.hitskin.com/rechercher-un-theme/team-gamers-134310.htm" class="postlink" target="_blank">thème Forumactif Team Gamers</a></div>
<br><br>

<div style="margin:auto;text-align:center;width:100%">
<object data="http://swf.widgadget.com/wrapper.swf?wid=5417&statsid=5340&langid=fr&env=production&cacheServer=widgets&apix=2.0" type="application/x-shockwave-flash" width="160" height="620" id="widget" style="outline:none;">
<param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=5417&statsid=5340&langid=fr&env=production&cacheServer=widgets&apix=2.0" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="false" />
<param name="bgcolor" value="#000000" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="0" value="" />
</object><noscript>
T&eacute;l&eacute;chargez le widgete <a href="http://fr.widgadget.com/widget/jeuxvideocom">jeuxvideo.com.</a>
Plus de widgets sur <a href="http://fr.widgadget.com/">Widgadget, la communaut&eacute; des widgets.</a>
Sponsoris&eacute; pa: <a href="http://www.newslettersoft.com/">NewsletterSoft</a>
</noscript>

<script src="http://www.capcom.co.jp/monsterhunter/bp/mh_bp.js" type="text/javascript"></script>
</div>

Avec un cadre de couleur autour de la vidéo:



Code:
<div style="margin:auto;text-align:center;width:100%"><img usemap="#page_d_accueil" src="http://i33.servimg.com/u/f33/11/43/08/39/pageda10.png" width="996" height="960" border="0">
<map name="page_d_accueil">
<area shape="rect" title="MP" coords="49,714,94,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=1=gama&hl=fr">
<area shape="rect" title="MP" coords="139,714,184,818" href="http://princessedesames.forum-pro.fr/msg.forum?mode=post&u=7">
<area shape="rect" title="TOP ANIMANGA" coords="614,718,719,817" href="http://www.animelea.com/topanimanga/in.php?id=3639">
<area shape="rect" title="Otaku-Attitude" coords="724,718,829,817" href="http://topsite.otaku-attitude.net/"><img src="" alt="" border="0" /></a>
<area shape="rect" title="Princesse des âmes Top site" coords="834,718,939,817" href="http://www.root-top.com/topsite/tamashiihime/in.php?ID=1"></a>
<area shape="rect" title="Black Rock Shooter Animation" coords="325,100,700,450"
<!-- start code vidéo -->
<object width="450" height="350" style="position:absolute;margin-top:90px;margin-left:-720px;><param name="movie" value="http://www.youtube.com/v/0Pj80Y8ZJ1k&hl=fr_FR&fs=1?color1=0x3a3a3a&color2=0x999999&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0Pj80Y8ZJ1k&hl=fr_FR&fs=1?color1=0x3a3a3a&color2=0x999999&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="450" height="350" ></embed></object>
<!-- end code video -->
<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
<area shape="rect" title="TITRE TOP SITE" coords="x1,x2,y1,y2" href="ADRESSE TOP SITE">
</map></div>
<br><div style="margin:auto;text-align:center;width:100%">Source de la création du forum : <a href="http://www.pixiv.net/member_illust.php?mode=medium&illust_id=4237291" class="postlink" target="_blank">Pixiv by TNSK</a>; <a href="http://fr.hitskin.com/rechercher-un-theme/team-gamers-134310.htm" class="postlink" target="_blank">thème Forumactif Team Gamers</a></div>
<br><br>

<div style="margin:auto;text-align:center;width:100%">
<object data="http://swf.widgadget.com/wrapper.swf?wid=5417&statsid=5340&langid=fr&env=production&cacheServer=widgets&apix=2.0" type="application/x-shockwave-flash" width="160" height="620" id="widget" style="outline:none;">
<param name="movie" value="http://swf.widgadget.com/wrapper.swf?wid=5417&statsid=5340&langid=fr&env=production&cacheServer=widgets&apix=2.0" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="false" />
<param name="bgcolor" value="#000000" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="0" value="" />
</object><noscript>
T&eacute;l&eacute;chargez le widgete <a href="http://fr.widgadget.com/widget/jeuxvideocom">jeuxvideo.com.</a>
Plus de widgets sur <a href="http://fr.widgadget.com/">Widgadget, la communaut&eacute; des widgets.</a>
Sponsoris&eacute; pa: <a href="http://www.newslettersoft.com/">NewsletterSoft</a>
</noscript>

<script src="http://www.capcom.co.jp/monsterhunter/bp/mh_bp.js" type="text/javascript"></script>
</div>

Cordialement.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Demande particulière avec l'utilisation des images réactive.

Message par ibiky-ushiha le Sam 17 Juil 2010 - 16:14

Je vous remercie très fortement, cela marche très bien ^^, je devrais réellement commençais à apprendre la programmation HTML, sans vous je ne sais pas ce que j'aurais trouvais pour réussir à faire quelque choses de semblable.

Cela marche très bien même si j'ai un peu galérer a plaçais la vidéo au bon endroit mais maintenant que cela et fait je ne sais quoi vous dire pour vous remercier très sincèrement, vous me rendez un fier service.

Demande Résolu.

ibiky-ushiha
Nouveau membre

Masculin
Messages : 20
Inscrit(e) le : 31/05/2008

http://princessedesames.forum-pro.fr/forum.htm
ibiky-ushiha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum