Feuille de personnage masqué

2 participants

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

Résolu Feuille de personnage masqué

Message par CryingToYourHeart 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

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par Invité Jeu 27 Mar 2014 - 20:32

Bonsoir,

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

Cordialement.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart 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

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Dim 30 Mar 2014 - 15:23

UP
CryingToYourHeart

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Lun 31 Mar 2014 - 15:23

UP  Sad 
CryingToYourHeart

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Mar 1 Avr 2014 - 22:05

UP  Sad
Personne ?
CryingToYourHeart

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Jeu 3 Avr 2014 - 19:25

Quelqu'un pourrait m'aider ?
CryingToYourHeart

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Sam 5 Avr 2014 - 14:40

Personne ? Sad
CryingToYourHeart

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par MasDan Sam 5 Avr 2014 - 23:54

Bonjour,

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

MasDan
Membre habitué

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart 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

CryingToYourHeart
****

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

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

Résolu Re: Feuille de personnage masqué

Message par MasDan 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

MasDan
Membre habitué

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart 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

CryingToYourHeart
****

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

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage masqué

Message par MasDan 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

MasDan
Membre habitué

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart 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

CryingToYourHeart
****

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

http://netflixchill.forumactif.com/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Feuille de personnage masqué

Message par MasDan 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

MasDan
Membre habitué

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

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

Résolu Re: Feuille de personnage masqué

Message par CryingToYourHeart Mer 9 Avr 2014 - 11:22

Merci beaucoup c'est exactement comme je voulais  Smile 
CryingToYourHeart

CryingToYourHeart
****

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

http://netflixchill.forumactif.com/
CryingToYourHeart 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