Feuille de personnage  Bouton_activeFeuille de personnage  Bouton_hoverFeuille de personnage  Fb-hoverFeuille de personnage  Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Feuille de personnage  EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Feuille de personnage  EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Feuille de personnage  EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Feuille de personnage  EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Feuille de personnage  EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Feuille de personnage  EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Feuille de personnage  EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Feuille de personnage  EmptyMar 07 Fév 2023, 08:40 par Oxtran


Partagez
 

Feuille de personnage

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://...
Leelewine
Leelewine
{ Membre }
{ Membre }

Féminin Messages : 74



Feuille de personnage  Empty
Bonjour !!

J'ai une petite question par rapport à la feuille de personnage.

Après avoir fait une recherche sur le forum pour savoir comment faire pour modifier/personnalisé la feuille de personnage, je suis tombé sur ce sujet : ICI

Cependant, le template à modifier : viewtopic_body, je l'ai déjà modifier pour ajouté un cadre autour de l'avatar ect...

Voici le code à modifier (donné dans le topic ci-dessus) :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><table><tr><td class="profil_contour">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}<div class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</div>


            </td></tr></table>
<div class="deco_profil"><!-- BEGIN profile_field --><span style="font-size: 9px;">
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</div>
         </span>

         <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" /></span>
      </td>

Et voici le mien :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour">
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div>

 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>
        </span>

 
</div>
<div id=""></div>

        <img src="http://2img.net/i/fa/vide.gif" alt="" style="width: 150px; height: 1px;" />
      </td>

Pouvez-vous me dire si on peut faire un mixte des deux codes pour avoir toujours les "effets" que j'ai installé ?

J'ai regardé le code à changer et je vois pas trop ce qui change donc j'ose pas supprimé des choses et que ça bugg par la suite...

Pouvez-vous m'aider ? M'éclairer ???
MessageSujet: Feuille de personnage    Feuille de personnage  EmptyLun 27 Déc 2010, 12:34
Revenir en haut Aller en bas
apple box.
apple box.
{ Membre }
{ Membre }

Féminin Messages : 41



Feuille de personnage  Empty
Je ne comprends pas.. Dans ton code tu as déjà les valeurs pour avoir le bouton, ceci entre autre :
Code:
<div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">

N'aurais-tu pas inversé les deux ?!
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptyLun 27 Déc 2010, 12:50
Revenir en haut Aller en bas
http://...
Leelewine
Leelewine
{ Membre }
{ Membre }

Féminin Messages : 74



Feuille de personnage  Empty
Ooooh oui j'ai inversé !!!

Le mien c'est ceci :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><table><tr><td class="profil_contour">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}<div class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</div>


            </td></tr></table>
<div class="deco_profil"><!-- BEGIN profile_field --><span style="font-size: 9px;">
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}</div>
        </span>

        <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" /></span>
      </td>

Je me repère aux "
" que j'ai installé afin d'avoir un contour de couleur arrondi autour de l'avatar.

En image : ICI

Dans mon template j'ai "normalement" (si ma mémoire est bonne) modifier uniquement cette partie pour ajouté un cadre autour de l'avatar. J'ai ensuite ajouté le code dans mon CSS pour le personnalisé comme vous pouvez le voir sur ma capture d'écran.

Pouvez-vous m'aider ?

Merci apple box. pour ton message, je n'avais même pas vu mon erreur... *se cache de honte*
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptyMar 28 Déc 2010, 04:21
Revenir en haut Aller en bas
apple box.
apple box.
{ Membre }
{ Membre }

Féminin Messages : 41



Feuille de personnage  Empty
C'est cette partie de ton template qui gère le détaille de ta feuille de personnage et les infos de profils personnalisé :
Code:
 <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
Il suffit alors de le remplacer par ceci :
Code:
 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div class="deco_profil">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
            </div></div>
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptyMar 28 Déc 2010, 08:25
Revenir en haut Aller en bas
http://...
Leelewine
Leelewine
{ Membre }
{ Membre }

Féminin Messages : 74



Feuille de personnage  Empty
Alors, j'ai modifier comme tu m'as expliqué, sauf pour un truc et c'est pas totalement ce que je voulais.

Déjà, sache que ça marche, j'ai installé le code, modifier mon CSS et j'ai bien l'option "afficher le profil (que j'ai renommé) et masquer".

Cependant, désormais tout la partie "sous l'avatar" se retrouve "masquer" et moi, j'aurais voulu que ce soit uniquement l'option "feuille de personnage" (comme ici sur ce fofo : carte de codage") qui soit dans l'option "masquer".

Pourquoi ? Parce que j'ai modifier mon fofo en rajoutant des champs dans le profil afin que lorsqu'on lit un "message" on sait quel type de personne a posté ect... sans être obliger de lire la fiche ect..

Voici par schéma ce que j'aurais aimé : ici

* la partie encadré en rose = avec l'option "afficher/marquer"
<< = SOLUTION TROUVE

Et comment faire pour "centrer le bouton" et mettre le texte à gauche ?

J'ai réussit à mettre tout à gauche (left) en modifier le code que vous m'avez donné mais le bouton se retrouve lui aussi à gauche... c'est pas vilain mais bon, si on peut changer ça, ça serait super ^^

Edit : voici mon code (celui modifier et actuellement installé sur mon fofo) :

Code:
<span style="font-size: 9px;"> <span style="text-align : left;">  <div class="deco_profil">
            <!-- BEGIN profile_field -->
          {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span></span>
          <span style="font-size: 9px;"> <span style="text-align : center;">  <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='ll BONUS ll')?'Masquer le Profil':'ll BONUS ll';this.lastChild.style.display=(this.firstChild.value=='ll BONUS ll')?'none':'block';"><input type="button" value="ll BONUS ll" class="profil1"/></span></span>           
<span style="font-size: 9px;"> <span style="text-align : left;"> {postrow.displayed.POSTER_RPG}
            </div></div> </span></span>


Et pour avoir tous à gauche, j'ai ajouté ceci dans le CSS dans la partie ". profilmasque" :

Code:
text-align: left;

Voici ce que ça donne : ici

J'aimerais juste savoir ou et ce que je dois modifier pour centrer uniquement le bouton (pas le contenu).

Merci d'avance pour votre aide !
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptySam 01 Jan 2011, 07:08
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Feuille de personnage  Empty
    Bonjour,

    Votre problème est-il résolu ?
    Si oui, merci de cocher dans "icône du sujet" l'icône Feuille de personnage  Resolu3 en éditant votre 1er post.
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptySam 08 Jan 2011, 06:29
Revenir en haut Aller en bas
L
L
{ Membre actif }
{ Membre actif }

Masculin Messages : 867



Feuille de personnage  Empty
Bonjour,
Aucune signe de l'auteur suite à la dernière relance d'un modérateur. Je considère le problème comme résolu et par conséquent,je déplace.
Merci de votre compréhension.
MessageSujet: Re: Feuille de personnage    Feuille de personnage  EmptyVen 14 Jan 2011, 19:21
Revenir en haut Aller en bas
Contenu sponsorisé




Feuille de personnage  Empty
MessageSujet: Re: Feuille de personnage    Feuille de personnage  Empty
Revenir en haut Aller en bas
 

Feuille de personnage

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Feuille de Personnage
» Feuille de Personnage
» Feuille de personnage.
» Feuille de personnage
» Contour feuille de personnage

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit