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

2 participants

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 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
avatar

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 Ven 16 Juil 2010, 19:21

Up plizz.
avatar

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 Ven 16 Juil 2010, 20:15

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

Cordialement.
Adam_sfp

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
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 Sam 17 Juil 2010, 00: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.
avatar

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 Sam 17 Juil 2010, 09: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

Adam_sfp
Membre actif

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

http://antonyadam.kanak.fr
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 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.
avatar

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

- Sujets similaires

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