Profil champ

[Clark Mercer]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://fraise-croustillante.kanak.fr

Description du problème

Bonjour!

J'ai tenté de chercher pour trouver les réponses à mon soucis (peut-être mal) mais voilà. J'essai de coder le cadre des champs de profils, mais je ne sais pas pourquoi ça s'applique aux champs. Je fait donc appel à vous! Merci énormément en avance T_T

Voici le template (view_topic_body)

Code:

<!-- PROFIL ICI -->
                  <div class="profil">
                    <div class="rang"> {postrow.displayed.RANK_IMAGE} </div>
 
            <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div>
                    
                     <div class="name"> <div class="namebordure"><div class="pseudo"><a name="{postrow.displayed.U_POST_ID}">
                                    </a><strong>{postrow.displayed.POSTER_NAME}</strong></div>
                       <img src="https://images2.imgbox.com/72/3d/yo0OvcxR_o.png" style="opacity: 0.4; margin: auto; display: block; padding-top: 5px;" /></div></div><br />
                    
 <!-- BEGIN profile_field -->
                  
 <div class="contenu"><div class="contenubordure"><div class="contenuinfo">{postrow.displayed.profile_field.LABEL}
                                  {postrow.displayed.profile_field.CONTENT}
                                  {postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </div></div></div><br />
                  </div>
                  <!-- FIN PROFIL ICI -->

Ainsi que le css relié

Code:

/*----------------PROFIL sujets-----------------------*/

.profil { }

.avatar_profil { box-shadow: 0 0 3px rgba(0,0,0,0.5);
    margin: auto;
    position: relative;
    width: 200px;}

.name { background: #dadada;
    border: 1px solid #c7c7c7;
    box-shadow: 0 0 3px rgba(118,118,118,0.4);
    margin-top: 8px;
    padding: 2px;}

.namebordure {border: 1px solid #c6c6c6;
    padding: 7px; }

.pseudo {font-family: 'Cinzel', serif;
    font-size: 20px;
    margin-bottom: -5px;
    margin-top: -2px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
    text-transform: uppercase;
    word-spacing: -2px;
    border-bottom: 1px solid #9d9d9d; }

.imgname {opacity: 0.4; margin: auto; display: block; padding-top: 5px;}

.contenu {color: #858585;
    font-size: 11px;
    text-align: jusitfy!important;
    background: #dadada;
    border: 1px solid #c7c7c7;
    box-shadow: 0 0 3px rgba(118,118,118,0.4);
    margin-top: 8px;}

.contenu img { width: 200px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5); }

.contenuinfo, .label {
    text-transform: uppercase;}

Cordialement

[MlleAlys]

Bonjour,
Essayez avec le template suivant :

Code:

                  <!-- PROFIL ICI -->
                  <div class="profil">
                    <div class="rang"> {postrow.displayed.RANK_IMAGE} </div>
                    <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div>
                   
                    <div class="name">
                      <div class="namebordure">
                        <div class="pseudo">
                          <a name="{postrow.displayed.U_POST_ID}"></a>
                          <strong>{postrow.displayed.POSTER_NAME}</strong>
                        </div>
                        <img src="https://images2.imgbox.com/72/3d/yo0OvcxR_o.png" style="opacity: 0.4; margin: auto; display: block; padding-top: 5px;" />
                      </div>
                    </div>

                    <div class="contenu">
                      <div class="contenubordure">

                        <!-- BEGIN profile_field -->
                        <div class="contenuinfo">
                          {postrow.displayed.profile_field.LABEL}
                          {postrow.displayed.profile_field.CONTENT}
                        </div>
                        {postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->

                        {postrow.displayed.POSTER_RPG}

                      </div>
                    </div>
                  </div>
                  <!-- FIN PROFIL ICI -->

j'ai ouvert les blocs contenu et contenubordure avant la variable profilfield, puisque ce qui est à l'intérieur va être répété autant de fois qu'il y a de champ de profil. Donc vous ouvriez un nouveau bloc à chaque nouveau champ.

[Clark Mercer]

Oooh super! Un énorme merci pour la correction et les explications !!