Superposition de deux image
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Superposition de deux image
Tout d'abord, je suis désolé d'avoir fait ce sujet dans cette catégorie, je ne sais pas pourquoi il faut une permission spéciale pour pouvoir en faire un dans "Problème avec un Script (Code)". M'enfin bref, voila ma question : Est il possible de superposer deux image à l'aide de HTML dans un message (ou signature en l'occurrence)
Je ne croit pas que ma question soit claire alors je vais l'imager comme ça on évitera de tourner en rond inutilement. Voici l'image de fond :
Et l'image à superposé elle est pas encore terminé, disons que pour l'exemple je voudrait superposé celle là :
Dans le résultat final, nous aurions donc le sprite quelque part sur la signature en superposition, sans pour autant avoir besoin de faire une signature en .gif et de tout bousillé la qualité. Et sa permettrait aussi de bouger le sprite rapidement en ne changeant que les donné X et Y.
J'ai comme une impression que le Z index me serait utile mais... c'est vaste n_n"
Je ne croit pas que ma question soit claire alors je vais l'imager comme ça on évitera de tourner en rond inutilement. Voici l'image de fond :
Et l'image à superposé elle est pas encore terminé, disons que pour l'exemple je voudrait superposé celle là :
Dans le résultat final, nous aurions donc le sprite quelque part sur la signature en superposition, sans pour autant avoir besoin de faire une signature en .gif et de tout bousillé la qualité. Et sa permettrait aussi de bouger le sprite rapidement en ne changeant que les donné X et Y.
J'ai comme une impression que le Z index me serait utile mais... c'est vaste n_n"
Dernière édition par Hero Ike le Jeu 16 Sep 2010 - 19:00, édité 1 fois
Re: Superposition de deux image
Hero Ike a écrit:Tout d'abord, je suis désolé d'avoir fait ce sujet dans cette catégorie, je ne sais pas pourquoi il faut une permission spéciale pour pouvoir en faire un dans "Problème avec un Script (Code)". M'enfin bref, voila ma question : Est il possible de superposer deux image à l'aide de HTML dans un message (ou signature en l'occurrence)
Je ne croit pas que ma question soit claire alors je vais l'imager comme ça on évitera de tourner en rond inutilement. Voici l'image de fond :
Et l'image à superposé elle est pas encore terminé, disons que pour l'exemple je voudrait superposé celle là :
Dans le résultat final, nous aurions donc le sprite quelque part sur la signature en superposition, sans pour autant avoir besoin de faire une signature en .gif et de tout bousillé la qualité. Et sa permettrait aussi de bouger le sprite rapidement en ne changeant que les donné X et Y.
J'ai comme une impression que le Z index me serait utile mais... c'est vaste n_n"
Bonsoir,
un simple tableau fera l'affaire ...
avec ou sans bordure , en mettant la grande image en image de fond (background),
ne pas oublier de définir la hauteur et la largeur du tableau en fonction de la taille de l'image(height et width)
et en mettant un bord intérieur à la cellule (padding-left) pour placer la petite image ...
- Code:
[table border="0" background="http://img835.imageshack.us/img835/4360/sign5.png" height=164px width=590px]
[tr]
[td style="padding-left:100px"][img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/td]
[/tr]
[/table]
- Code:
[table border="0" background="http://img835.imageshack.us/img835/4360/sign5.png" height=164px width=590px]
[tr]
[td][scroll][img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/scroll][/td]
[/tr]
[/table]
Bonne journée !
Re: Superposition de deux image
Ok, j'doit dire qu'une solution aussi simple sa m'arrange bien =D Merci beaucoup. Cependant, ma soif de curiosité me pousse à poser quelque question supplémentaire.
Comment on influence sur la hauteur du Gif ? J'ai comprit que le padding-left influait sur la position en largeur, mais la hauteur est modifiable comment ?
Edit : J'ai réussis à trouver tout seul, sa me donne un truc comme sa :
J'ai quand même une autre question, les coordonné sont elle prise à partir du coin supérieur gauche ? À savoir, quand je met padding-left:20px et padding-top:50px, il place le coins supérieur gauche à cette coordonné ? est ce possible d'utiliser le centre comme point d'ancrage ?
Et Pendant que j'y suis, comment je pourrais mettre plus d'une image ? Quand j'en met plus d'une, l'emplacement de la deuxième me semble assez aléatoire, je ne comprend pas la logique.
Comment on influence sur la hauteur du Gif ? J'ai comprit que le padding-left influait sur la position en largeur, mais la hauteur est modifiable comment ?
Edit : J'ai réussis à trouver tout seul, sa me donne un truc comme sa :
- Code:
[table border="0" background="http://img835.imageshack.us/img835/4360/sign5.png" height=164px width=590px]
[tr]
[td style="padding-left:500px ; padding-top:100px"][img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/td]
[/tr]
[/table]
J'ai quand même une autre question, les coordonné sont elle prise à partir du coin supérieur gauche ? À savoir, quand je met padding-left:20px et padding-top:50px, il place le coins supérieur gauche à cette coordonné ? est ce possible d'utiliser le centre comme point d'ancrage ?
Et Pendant que j'y suis, comment je pourrais mettre plus d'une image ? Quand j'en met plus d'une, l'emplacement de la deuxième me semble assez aléatoire, je ne comprend pas la logique.
Re: Superposition de deux image
Bonjour,
Mais tous les membres peuvent poser la question dans "Problème avec un Script".
Cordialement
Hero Ike a écrit:Tout d'abord, je suis désolé d'avoir fait ce sujet dans cette catégorie, je ne sais pas pourquoi il faut une permission spéciale pour pouvoir en faire un dans "Problème avec un Script (Code)".
Mais tous les membres peuvent poser la question dans "Problème avec un Script".
Cordialement
Shadow- Modéractive
-
Messages : 24354
Inscrit(e) le : 30/03/2007
Re: Superposition de deux image
J'ai réessayer pour ne pas m'enfoncer dans mon erreur encore plus et tu à bien raison, maintenant je peut créé un nouveau sujet dans cette section. Mais je vous assure que plus tôt il me disait que j'avais besoin de permission spéciale. Autrement je n'aurais pas prit la peine de faire un sujet ici n_n" Maintenant si vous voulez le bouger moi sa ne me dérange pas mais je ne peut pas faire plus que de m'excuser pour le dérangement.
D'autre part...
Quelqu'un a les réponses à mes question ?
D'autre part...
Quelqu'un a les réponses à mes question ?
Re: Superposition de deux image
Hero Ike a écrit:J'ai quand même une autre question, les coordonné sont elle prise à partir du coin supérieur gauche ? À savoir, quand je met padding-left:20px et padding-top:50px, il place le coins supérieur gauche à cette coordonné ? est ce possible d'utiliser le centre comme point d'ancrage ?
Et Pendant que j'y suis, comment je pourrais mettre plus d'une image ? Quand j'en met plus d'une, l'emplacement de la deuxième me semble assez aléatoire, je ne comprend pas la logique.
bonjour,
le padding-left et padding-top influencent l'intérieur de la cellule (td) à partir de la gauche et du haut
ça n'est pas fait pour plusieurs cellules cependant ...
on peut diviser le tableau en deux cellules identiques , avec des placements différents :
(j'ai laissé la bordure à 1 pour un meilleur visuel de la solution)
- Code:
[table border="1" background="http://img835.imageshack.us/img835/4360/sign5.png" height=164px width=590px]
[tr]
[td valign=top][right][img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/right][/td]
[td valign=bottom][center][img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/center][/td]
[/tr]
[/table]
on peut diviser le tableau en deux cellules différentes ,
avec un placement dans la deuxième ,
et des espaces et du texte :
- Code:
[table border="1" background="http://img835.imageshack.us/img835/4360/sign5.png" height=164px width=590px]
[tr]
[td width=100px] [/td]
[td][center][color=red][b]espace[/b][/color]
[color=red][b]espace[/b][/color]
[img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/center][/td]
[/tr]
[/table]
espace espace |
bonne journée
Re: Superposition de deux image
D'accord je voit, merci de m'avoir aiguillé si clairement. Ce sont des outils fort utiles que tu m'a donner là Scoubifitz, il est certain que je les utiliserai dans de multiples situations pour pousser un peu plus loin mes créations.
J'en ai apprit plus que je ne m'y attendait et pour cela je te remercie (encore ?) Là je sens que je commence à devenir agaçant avec mes question mais je n'y peut rien si une découverte engendre de nouveau questionnement à chaque fois >_<
Optimalement, le but de ma question était de savoir s'il était possible, avec le HTML ou un autre type de codage sur forumactif, d'utiliser ce que je vient d'apprendre mais à plus grande échelle.
Disons par exemple que je voudrait jouer une partie de Serpent et Échelle avec plusieurs membres, et que je voudrait pouvoir bouger leur pions (qui sont des sprite) en modifiant seulement le codage et non l'image au complet. Est ce que la méthode dont on vient de parler plus haut est une bonne idée, ou bien devrais-je aller m'informer sur une autre piste ?
J'en ai apprit plus que je ne m'y attendait et pour cela je te remercie (encore ?) Là je sens que je commence à devenir agaçant avec mes question mais je n'y peut rien si une découverte engendre de nouveau questionnement à chaque fois >_<
Optimalement, le but de ma question était de savoir s'il était possible, avec le HTML ou un autre type de codage sur forumactif, d'utiliser ce que je vient d'apprendre mais à plus grande échelle.
Disons par exemple que je voudrait jouer une partie de Serpent et Échelle avec plusieurs membres, et que je voudrait pouvoir bouger leur pions (qui sont des sprite) en modifiant seulement le codage et non l'image au complet. Est ce que la méthode dont on vient de parler plus haut est une bonne idée, ou bien devrais-je aller m'informer sur une autre piste ?
Re: Superposition de deux image
bonjour,
, là , je passe mon tour ...
il y a bien la programmation en C ( site du zero , partie 3)
ou en flash ( exemple "serpents et échelles" )
mais de là à le rendre interactif ... ... et sur un forum ?
tu penses à une gestion de lancer de dés ? un lancer par jour , mise à jour quotidienne par un modérateur ?
là , ça marche en tableau ...
édit : le code :
, là , je passe mon tour ...
il y a bien la programmation en C ( site du zero , partie 3)
ou en flash ( exemple "serpents et échelles" )
mais de là à le rendre interactif ... ... et sur un forum ?
tu penses à une gestion de lancer de dés ? un lancer par jour , mise à jour quotidienne par un modérateur ?
là , ça marche en tableau ...
21 | 22 | 23 | 24 | 25 |
20 | 19 | 18 | 17 | 16 |
11 | 12 | 13 | 14 | 15 |
10 | 09 | 08 | 07 | 06 |
01 | 02 | 03 | 04 | 05 |
édit : le code :
- Code:
[table border="1" background="http://img706.imageshack.us/img706/2928/echelle.gif"]
[tr]
[td valign=bottom height=76px width=76px]21[/td][td valign=bottom width=76px]22[/td][td valign=bottom width=76px]23[/td][td valign=bottom width=76px]24[/td][td valign=bottom width=76px]25[/td]
[/tr][tr]
[td valign=bottom height=76px]20[/td][td valign=bottom]19[/td][td valign=bottom]18[/td][td valign=bottom]17[/td][td valign=bottom]16[/td]
[/tr][tr]
[td valign=bottom height=76px]11[/td][td valign=bottom]12 [img]http://fc09.deviantart.net/fs27/f/2008/036/6/2/Flonne_sprite_by_Anicardios_Crew.gif[/img][/td][td valign=bottom]13[/td][td valign=bottom]14[/td][td valign=bottom]15[/td]
[/tr][tr]
[td valign=bottom height=76px]10[/td][td valign=bottom]09[/td][td valign=bottom]08[/td][td valign=bottom]07[/td][td valign=bottom]06 [img]http://illiweb.com/fa/pbucket.gif[/img][/td]
[/tr][tr]
[td valign=bottom height=76px]01[/td][td valign=bottom]02[/td][td valign=bottom]03[/td][td valign=bottom]04[/td][td valign=bottom]05[/td]
[/tr][/table]
Dernière édition par Scoubifitz le Ven 17 Sep 2010 - 23:11, édité 1 fois
Re: Superposition de deux image
En fait, je pense à encore plus compliquer et chiant, sa serait une carte à la Mario Party. On utiliserais en effet les dés du forum, chacun son tours, et on avancerais. C'est un admin qui se chargerait d'édité le message chaque fois, pas besoin que ce soit le joueur. Je ne suis pas certain que ce soit idéal d'utiliser la méthode des tableau tout compte fait. Je vais suivre t'es lien et voir si c'est pas trpo complexe.
Ou peut-être qu'on ira plutôt pour un serpent échelle, ça l'air de bien fonctionner. Je vais arrêter d'abuser un peu de mes demande, j'en ai déjà beaucoup ^^
Je met en résolu et encore une fois merci, je mettrai à bon usage tout ce que tu m'a apprit.
Forumactif fait du bon boulot une fois de plus =P
Ou peut-être qu'on ira plutôt pour un serpent échelle, ça l'air de bien fonctionner. Je vais arrêter d'abuser un peu de mes demande, j'en ai déjà beaucoup ^^
Je met en résolu et encore une fois merci, je mettrai à bon usage tout ce que tu m'a apprit.
Forumactif fait du bon boulot une fois de plus =P
Re: Superposition de deux image
content d'avoir pu aider ...
... une dernière pour la route ... j'ai pas pu m'en empêcher !
... une dernière pour la route ... j'ai pas pu m'en empêcher !
- Code:
[table border="0" background="http://img28.imageshack.us/img28/6117/ciel.jpg" height=200px width=600px]
[tr]
[td][scroll][img]http://img836.imageshack.us/img836/1479/oiseau.gif[/img][/scroll][/td]
[/tr]
[/table]
Sujets similaires
» Superposition du texte et de l'image d'un forum + image petite
» Problème de superposition de mon texte du qeel et l'image du qeel !
» Dans un même sujet, deux adresses url d'une même image : l'une d'elle ne donne plus l'image.
» Problème d'image de fond qui est coupé en deux
» Espace entre deux image dans la PA
» Problème de superposition de mon texte du qeel et l'image du qeel !
» Dans un même sujet, deux adresses url d'une même image : l'une d'elle ne donne plus l'image.
» Problème d'image de fond qui est coupé en deux
» Espace entre deux image dans la PA
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum