Superposition de deux image

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

Résolu Superposition de deux image

Message par Hero Ike le Jeu 16 Sep 2010 - 2:34

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"


Dernière édition par Hero Ike le Jeu 16 Sep 2010 - 19:00, édité 1 fois

Hero Ike
*

Masculin
Messages : 37
Inscrit(e) le : 16/07/2009

http://crimsonstyle.forumactif.com/forum.htm
Hero Ike a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Scoubifitz le Jeu 16 Sep 2010 - 4:00

@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]
on peut aussi faire un scroll de la petite image ...

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 !

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Hero Ike le Jeu 16 Sep 2010 - 5:30

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 :

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.

Hero Ike
*

Masculin
Messages : 37
Inscrit(e) le : 16/07/2009

http://crimsonstyle.forumactif.com/forum.htm
Hero Ike a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Shadow le Jeu 16 Sep 2010 - 9:26

Bonjour,

@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". Rolling Eyes

Cordialement


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe

Shadow
Adminactive
Adminactive

Féminin
Messages : 23946
Inscrit(e) le : 30/03/2007

http://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Hero Ike le Jeu 16 Sep 2010 - 11:00

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 ?

Hero Ike
*

Masculin
Messages : 37
Inscrit(e) le : 16/07/2009

http://crimsonstyle.forumactif.com/forum.htm
Hero Ike a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Scoubifitz le Jeu 16 Sep 2010 - 13:47

@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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Hero Ike le Jeu 16 Sep 2010 - 14:25

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 ?

Hero Ike
*

Masculin
Messages : 37
Inscrit(e) le : 16/07/2009

http://crimsonstyle.forumactif.com/forum.htm
Hero Ike a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Scoubifitz le Jeu 16 Sep 2010 - 16:05

bonjour,

scratch , 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 ... Assomé ... 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 ...

2122232425
2019181716
1112 131415
1009080706
0102030405

é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://i10.photobucket.com/albums/a128/S0nic2/SonicGIF1.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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Hero Ike le Jeu 16 Sep 2010 - 18:59

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

Hero Ike
*

Masculin
Messages : 37
Inscrit(e) le : 16/07/2009

http://crimsonstyle.forumactif.com/forum.htm
Hero Ike a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Superposition de deux image

Message par Scoubifitz le Jeu 16 Sep 2010 - 20:34

content d'avoir pu aider ...

... une dernière pour la route ... j'ai pas pu m'en empêcher ! What a Face

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]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz 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