Feuille de personnage masqué

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

Résolu Feuille de personnage masqué

Message par CryingToYourHeart le Jeu 27 Mar 2014 - 19:45

Bonjour,

Je souhaiterais faire en sorte que ma feuille de personnage soit masqué, pas avec un bouton, mais qu'elle puisse se dérouler lorsqu'on passe la souris sur une image en bas du profil.

Ou alors pour ne pas faire trop chargé, j'aimerais savoir s'il était possible de faire le profil en onglet et ainsi de mettre la feuille de personnage en onglet elle aussi.

Merci d'avance Smile


Dernière édition par CryingToYourHeart le Mer 9 Avr 2014 - 11:23, édité 1 fois

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par Kinotto le Jeu 27 Mar 2014 - 20:32

Bonsoir,

Réponse apportée ici : http://forum.forumactif.com/t310550-feuille-de-personnage

Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Jeu 27 Mar 2014 - 20:50

Bonsoir,

Justement je ne veux pas cliquer sur le bouton pour qu'il se déroule mais passer la souris dessus.

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Dim 30 Mar 2014 - 15:23

UP

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Lun 31 Mar 2014 - 15:23

UP  Sad 

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Mar 1 Avr 2014 - 22:05

UP  Sad
Personne ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Jeu 3 Avr 2014 - 19:25

Quelqu'un pourrait m'aider ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Sam 5 Avr 2014 - 14:40

Personne ? Sad

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par MasDan le Sam 5 Avr 2014 - 23:54

Bonjour,

Il s'agit de modifier le déclencheur. Remplacer «onClick» par «onMouveOver».

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Dim 6 Avr 2014 - 12:52

Je ne peux plus ouvrir la feuille de personnage avec ce code et la modification effectué

Code:
<div onMouveOver="this.firstChild.value=(this.firstChild.value=='Oh my gosh !')?'Close':'Oh my gosh !';this.lastChild.style.display=(this.firstChild.value=='Oh my gosh !')?'none':'block';" style="text-align: center;">
        <input type="button" value="Oh my gosh !" style="background-color: #fcf2f6; color: #EBA0BA;-moz-border-radius:10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;" />
<div style="display: none; text-align: left;">
            {postrow.displayed.POSTER_RPG}</div>
        </div>

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par MasDan le Lun 7 Avr 2014 - 3:25

Bonjour,

Remplacer le code fourni précédemment par ceci
Code:
 <div style="text-align: center;">
    <input type="button" value="Oh my gosh !"
       style="background-color: #fcf2f6; color: #EBA0BA;-moz-border-radius:10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;"
         onMouseOver="$(this).val('Close');$(this).parent().find(':last-child').attr('style','display:block');"
         onMouseOut="$(this).val('Oh my gosh !');$(this).parent().find(':last-child').attr('style','display:none');"/>
    <div style="display: none; text-align: left;">
      {postrow.displayed.POSTER_RPG}
    </div>
  </div>

J'ai placé le code sur le bouton seulement et non sur toute la DIV.

Question: Pourquoi un champ <input> et non un <span> qui me semble plus approprié ?

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Lun 7 Avr 2014 - 11:55

Merci beaucoup Smile

Comment puis-je faire pour qu'il se déroule progressivement et pas d'un seul coup ?

Honnêtement je ne sais pas c'est ce qu'on m'avait donné il y a quelques temps de cela

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage masqué

Message par MasDan le Mar 8 Avr 2014 - 18:26

Bonjour,

Pour obtenir le déroulement progressif,

1) à ajouter à votre CSS.
Code:
.divBt span{
  display: block;
  width: 100px;
  color:#EBA0BA;  marging: 5px;
  background-color: #FCF2F6;
  padding: 2px;
  border: 2px solid #912424;
  border-radius: 15px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .75);
}

2) remplacer le code HTML fournit précédemment par ceci.
Code:
 <div style="text-align: center;">
 <center>
  <div class="divBt">
    <span
   onMouseOver="$(this).html('Close');$(this).parent().parent().parent().find('.dspRPG').animate({height:'toggle'},2000);"
        onMouseOut="$(this).html('Oh my gosh !');$(this).parent().parent().parent().find('.dspRPG').animate({height:'toggle'},500);">
  Oh my gosh !
  </span>
  </div>
 </center>
    <div style="display: none; text-align: left;" class="dspRPG">
      {postrow.displayed.POSTER_RPG}
    </div>
  </div>

Note:  j'ai aussi remplacé le champ <input> par un <div><span>, les coins arrondis ne fonctionnaient pas. Et de plus, la largeur du bouton, étant variable, causait un problème lors du survol aux extrémités.

J'ai mis des temps d'exécution différent pour le déroulement (2s  ref: 2000) et d'enroulement ( 0,5 sec  ref 500) que vous pouvez ajuster.

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Mar 8 Avr 2014 - 18:46

Merci beaucoup pour votre aide ça marche exactement comme je le voulais  Smile 

J'aimerais si possible faire en sorte qu'il n'y ait pas de bouton, enfin qu'il y ait juste le texte et pas l'ombre et le cadre, je dois modifier le CSS ou le code html ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage masqué

Message par MasDan le Mer 9 Avr 2014 - 5:21

Bonjour,

Il faut garder le bouton mais avec l'apparence d'un texte seulement.

Modifier le CSS donné précédemment par ceci
Code:
.divBt span {
  display: block;
  width: 100px;
  color:#EBA0BA;
}

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart le Mer 9 Avr 2014 - 11:22

Merci beaucoup c'est exactement comme je voulais  Smile 

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart 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