petit problème avec ma feuille de personnage

[Elliot.]

Bonjour!
Je viens à vous après avoir passé un moment à tenter de résoudre le problème, sans succès :no
Je viens tout juste d'essayer un code pour afficher/masquer la feuille de personnage et il y a deux choses que n'arrivent pas à régler.



1/ Je n'arrive pas à mettre la feuille de personnage à gauche, elle reste centrée malgré tout les "align="left" que je mets ^^" (mais je souhaite que le "voir le profil" reste centré lui :S)
2/ lorsqu'on clique sur "voir le profil", le "masquer" n’apparaît plus, je ne sais pas où j'ai fait la bêtise encore >.<

Voici le code du viewtopic_body

Code:

<div align="center"><div class="gensmall"><input type="button" value="voir le profil" align="center" style="width:100px;padding:5px; font-size: 18px; border: none !important; font-weight: bold !important; color: #111; letter-spacing: -1px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'masquer le profil'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'voir le profil'; }" /></div><div class="gensmall" style="left"><div style="display: none;" style="left">
 
{postrow.displayed.POSTER_RPG}</div>
         </span>


Merci d'avance à la personne qui accordera du temps à ce problème
Cordialement,

Elliot.

[kheino]

Bonsoir,

Comme je ne vois pas ce que tu as avant la variable RPG, je pars du template par défaut.
Remplace cette partie :

Code:

{postrow.displayed.POSTER_RPG}
         </span>


Par :

Code:

<div onClick="this.firstChild.value=(this.firstChild.value=='See')?'Mask':'See';this.lastChild.style.display=(this.firstChild.value=='See')?'none':'block';" style="text-align: center;">
         <input type="button" value="See" style="background-color: #c00; color: #fff;" />
<div style="display: none; text-align: left;">
            {postrow.displayed.POSTER_RPG}
        </div></div>
</span>


- Attention à tes balises "div" si tu en as avant ça.
- Tu peux ajouter des "class" et gérer ainsi mieux le bouton, le texte, le contenant, ect, via le CSS.

[Invité]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[Elliot.]

Bonjour!

Je suis désolée pour le retard de ma réponse, je n'avais pas encore eu le temps de tester le code. Il fonctionne à merveille Cependant, j'aurai une dernière question ^^'

Comment puis-je personnaliser le "Mask" et "See" par 'voir le profil' 'masquer le profil' ?

Merci pour le temps accordé à ma demande
Cordialement,

Elliot.

[kheino]

Salut Elliot,

Il suffit de remplacer le "mask" et les 4 "see" par ce que tu veux, mais attention de respecter la casse en ce qui concerne les différents "see".

Ensuite par du CSS tu peux styler le bouton, le contenant et le contenu.

[Elliot.]

Merci beaucoup
Je vais modifier le titre du topic