Déplacer MP & En ligne dans l'encadrement du profil, affiché dans les messages

[Maldan]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
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
Problème apparu depuis : 06/04/2017
Lien du forum : http://www.havrefiel.com

Description du problème

Bonjour à tous, je rencontre un nouveau petit souci actuellement, j'aimerais déplacer les deux boutons "MP & En ligne" dans le cadre du profil, affiché dans les messages mais je ne sais pas comment résoudre ce nouvel énigme ! =p

Je sais que ça doit sans doute se passer dans :
"PA > Affichage > Templates > Général > viewtopic_body"

Sachant que j'ai déjà fait quelques modifications dessus, je copie/collé ici de ce que j'ai pour l'instant mis dans ce template pour l'encadrement du profil et le déplacement que j'ai fait il y a peu pour mettre "MP & En ligne" en-dessous du profil.

Code:

<!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                        <div class="profilentour">
        <div class="post_profile"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="cadreavatar">{postrow.displayed.POSTER_AVATAR}</div><br />{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<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></div><br /><div class="icones_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>
                        </div>
        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>

[MlleAlys]

Bonjour,
Il faut mettre la partie "icones profil" dans le cadre "post_profil"
La mise en page de votre template ne doit pas vous aider à vous y retrouver...
Essayez ainsi (même passage que celui que vous avez fourni, j'ai réorganisé un peu de façon plus simple il me semble, et déplacé les icones):

Code:

<!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <a name="{postrow.displayed.U_POST_ID}"></a>

        <!-- DEBUT PROFIL -->
        <div class="profilentour post_profile">

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

          <div class="name">
            <strong>{postrow.displayed.POSTER_NAME}</strong>
          </div>

          <div class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}
            <br />{postrow.displayed.RANK_IMAGE}
            <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}
          </div>

          <br/>
          <div class="icones_profil">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</div>

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

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>

S'il y a des détails à réglé dites le moi !

[Maldan]

Parfait, je te remercie beaucoup ! Ça fonctionne ! J'ai également un autre souci, qui concerne le CSS. J'ai l'impression qu'il y a un conflit quelque part puisque lorsque je fais une modification d'images, ou quelque chose et que je valide le changement, le forum se déforme de lui-même et pour résoudre ce souci, je dois spammer le bouton valider de mon css plusieurs fois jusqu'à ce que le forum se reforme normalement.

Mon CSS actuel :

Code:

/*fond de forum*/
body {
  background-image:url(http://img4.hostingpics.net/pics/771244fond2.jpg);
  background-size: 100% auto;
  background-repeat:no-repeat;
}
/*coins arrondis et ombre*/
.forumline
{
  padding: 3px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ô-border-radius:8px;
-khtml-border-radius:8x;
border-radius:8px;
{border-spacing : 0;}
}
/*fonds de cellules*/
td.row1{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
td.row2{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
td.row3{
background-image: url("http://img4.hostingpics.net/pics/702447fondbrunclair.png");
}
 dd.quote{
                background: url("http://i11.servimg.com/u/f11/11/89/81/93/fond_q11.jpg");
                border-radius: 10px 10px 10px 10px;
                border: 1px solid rgb(0, 0, 0);
              box-shadow: 3px 3px 6px rgb(black);
                margin: 0px;
                font-family: georgia;
                font-size: 16px;
                color: rgb(0, 0, 0);
                padding: 10px 10px 10px 10px;
                text-indent: 15px;
                overflow: hidden;
                  }
/* Icônes couleur dans la palette */
 
.color-option {
display: inline-block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
border: 2px solid #fff !important;  /* cadre blanc sur l'icône couleur */
margin: 3px !important;  /* espace entre chaque icône */
box-shadow: 0 0 2px #778899;  /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important;  /* largeur de l'icône couleur */
height: 15px !important;  /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 2px;  /* arrondi */ 
}
 
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largeur de la palette complète */
height: 100px !important;  /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
hr { border-color: #A89783; }
.profilentour{
      background: #;
      border: px solid #;
      padding: px;
      text-align: center;
      -moz-border-radius: px; /* les coins en arrondis*/
      font-family:;
      font-size:;
}
div.post_profile {
background:url(http://wallpapertvs.com/wp-content/uploads/2014/10/dark-texture-21826-1920x1200.jpg);
padding:6px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-ô-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
box-shadow: 3px 3px 6px #07010c;
}
.icones_profil {
  text-align:center;
}

[MlleAlys]

C'est un sujet par problème, il va falloir que vous en ouvriez un autre

[Maldan]

Très bien, merci beaucoup !