Apparence du profil

[Cramby']

Bonsoir !

Je souhaiterais que le profil des membres se présente comme ceci:



-Un cadres pour le pseudo/ avatar (Et que cette avatar est un cadre de la couleur de son groupe.) Et un cadres pour le profil et la feuille de personnage.
-Un ecriture spécial pour le pseudo ainsi que le nom du groupe (Avec une petite phrase (si possible) sous celui-ci)
Etc...

Pourriez vous m'expliquer pas à pas comment faire ? J'ai chercher à le faire sans aide mais ... Hum xD
Mon template n'est pas modifier et pas de css correspondant (:
Je vous remerci d'avance !!!!

[Cramby']

Up ! ^^

[Gotaga]

Je souhaite la même chose que toi

[Cramby']

Une raison de plus de faire un Up !!
Nous attendons avec impatience ! :3

[Cramby']

Up

[Cramby']

Up!

[Cramby']

Up ! :3

[Tech]

Bonjour,

Quelle est l'adresse de votre forum ?

Cordialement.

[Cramby']

Je vous l'envoie par MP ! :3

[Tech]

Bonsoir,

On va avancer pas à pas

Tout d'abord dans le template viewtopic_body, vous pouvez trouvez ce code :

Code:

         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- 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}
         </span><br />

C'est celui qui nous intéresse. On va le séparer en 2 pour correspondre à votre demande.

Première partie :

Code:

         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

Celle ci correspond au pseudo du membre, à son avatar et à son rang. Vous pouvez entourer cette partie d'un span ou un div avec une class afin de personnaliser la première partie comme vous le désirez (bordure, couleur, ...).
La partie suivante <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span> correspond au pseudo du membre (et au lien vers son profil). Si vous voulez y appliquer une certaine écriture, entourer cette partie d'un autre span avec une autre class.

Deuxième partie :

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}
         </span><br />

Cette deuxième partie correspond aux informations du profil et à la feuille de personnage. Tout comme la première partie, entourez la d'une div ou d'un span avec une class afin d'avoir l'effet voulu.


Revenez vers moi après avoir fait ceci avec vos nouveaux codes actuels (template et css).

Cordialement.

[Cramby']

Tout d'abord, désoler de l'attente, mon ordi était mort. TT
Ensuite un grand merci de m'aider !

Voila ce que j'ai fait pour le template: (En rouge, ce que j'ai rajouter)

<div class="info1"><div class"pseudo/profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span> </div> <br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR} </div> <br /><br />

<div class="info2"> <!-- 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}
</span><br /></div> </div>


Et mon css:

/*profil*/

.pseudo/profil{
font-family: 'Spirax';
background-color: #FFFFFF;
}
.info1{
Border: 2 px #D0D0D0 solid;
}

.info2{
background-color: #FFFFFF;
}


J'ai l'impression que c'est du nimporte quoi TT, rien ne fonctionne xDD

[Tech]

Bonjour,

Vous oubliez déjà le = dans <div class"pseudo/profil"> et j'éviterais de mettre un / moi. Changez comme ça <div class="pseudo-profil"> sans oublier de changer la class dans le CSS.

Est-il possible de voir le résultat sur un forum ? Puis-je avoir un lien ?

Cordialement.

[Cramby']

C'est changer ! :3
J'ai reussi à mettre le rang dans la deuxième partie ! =D
Voila mon template modifié:

Code:

<div class="info1"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</span><br />
            <span class="postdetails poster-profile">
                                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /></span></div>
                                 
            <div class="info2">
                                  <br/>{postrow.displayed.POSTER_RANK}<br /><br/>               
 <!-- 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}
    <br /></div>

Parcontre, je ne comprend pas pourquoi la deuxième partie est écrit aussi gros ...

Voila l'adresse: http://amesvagabondes.forumactif.org/t2-reglement

[Tech]

Bonsoir,

Essayez ceci :

Code:

        <div class="info1"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</span><br />
                    <span class="postdetails poster-profile">
                                          {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /></span></div>
                                       
                    <div class="info2"><span class="gensmall">
                                          <br/>{postrow.displayed.POSTER_RANK}<br /><br/>             
        <!-- 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}
            <br /></span></div>

(code non testé mais qui devrait logiquement fonctionner)

Cordialement.

[Cramby']

Ca fontionne mais le problème est que les deux parties ne sont pas séparer :/

[Cramby']

Up ^^

[Cramby']

Up :3

[Tech]

Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Essayez ce code :

Code:

                <div class="info1"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</span><br />
                            <span class="postdetails poster-profile">
                                                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /></span></div>
                                              <br />
                            <div class="info2"><span class="gensmall">
                                                  <br/>{postrow.displayed.POSTER_RANK}<br /><br/>           
                <!-- 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}
                    <br /></span></div>

Cordialement.

[Cramby']

Oh excusez moi, je croyait que c'était un par jour n'importe quand TT

Bref, ça fonctionne ! Mais le problème c'est que le cadre ne déborde pas sur les côtés :

[Tech]

Bonjour,

J'aimerais bien avoir le code actuel de votre template et de votre CSS.

Cordialement.

[Cramby']

Le template:

Code:

<div class="info1"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</span><br />
                            <span class="postdetails poster-profile">
                                                  {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /></span></div>
                                              <br />
                            <div class="info2"><span class="gensmall">
                                                  <br/>{postrow.displayed.POSTER_RANK}<br /><br/>           
                <!-- 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}
                    <br /></span></div> 

Le css:

Code:

*profil*/

.name{
  font-family: 'Spirax';

}
.info1{
  background-color: #FFFFFF;
 
}
 .info2{
    background-color: #FFFFFF;
}
 

Encore merci :3

[Cramby']

Up :3

[Tech]

Bonsoir,

Changez votre CSS par :

Code:

/* profil */
.name {
    font-family: 'Spirax';
}

.info1 {
    background-color: #FFFFFF;
    padding: 5px;
}

.info2 {
    background-color: #FFFFFF;
    padding: 5px;
}

Cordialement.

[Cramby']

Bonsoir :3
Malheureusement ça ne marche pas :/ voila le resultat:

[Cramby']

Je Up un coup :3 Et j'en profite pour dire que je serait absente du 21 décembre au 26 décembre. Je n'oublie donc pas mon sujet :3

[Tech]

Bonjour,

Je n'ai aucun problème de mon côté avec ces codes :


Pourriez-vous me fournir le lien du forum concerné ?

PS : Le forum renseigné dans votre profil n'existe pas/plus. Merci de le changer.

Cordialement.

[Cramby']

Le voila: http://amesvagabondes.forumactif.org

[Tech]

Bonsoir,

Aucun problème non plus sur votre forum.
Est-ce que le grand espace blanc est volontaire ?

Cordialement.

[Cramby']

Bonjour,
(Désoler du temps d'attente :s)
Alors oui effectivement cela fonctionne mais sur firefox, pas sur internet explorer... Je ne sais pas pouquoi ...?
Je laisse le sujet ouvert pour si jamais je rencontre un problème. :3

[Tech]

Bonsoir,

Aucun problème non plus avec Internet Explorer 9.
Si vous êtes encore en version 6 (comme l'indique votre profil), il faudrait penser à le mettre à jour.

Cordialement.