Largeur d'affichage trop petit après avoir mis un code de profil

[Emerald-Feather]

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
Problème apparu depuis : 2017-08-21
Lien du forum : http://lemondedeubalm.forumactif.com/

Description du problème

Bonjour, Le profil fonctionne sur phbb2, sur le 3 cela ne fonctionnait pas. Simplement, maintenant qu'il est installé, cela à rapetisser l'espace des messages. J'aimerais avoir un espace de message plus grand , du normal quoi... mais meme si je modifie la largeur du forum en plus grand cela ne change rien du tout.

je vous laisse le code du profil. (Code en libre service sur Prd) Magma en est l'auteur

Template

Code:

<!-- 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="fondprofil"><center><img src="http://img11.hostingpics.net/pics/682674florjueleganceelmt25.png"/></center> <div id="online">{postrow.displayed.ONLINE_IMG}</div> <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
                                      <center><div id="beckyy"> <div class="avatar_membre">{postrow.displayed.POSTER_AVATAR}</div><div class="sucks"><div style="width: 150px; padding-left: 10px; text-align: left; font-size: 30px; font-family: verdana; line-height: 100%; color: #244966; margin-bottom: -2px">▲</div><div style="width: 160px; padding: 10px; background-color: #080507; height: 150px; font-family: verdana; font-size: 7px; text-align: justify; line-height: 100%; color: #222; text-transform: uppercase; -moz-border-radius: 10px; -webkit-border-radius: 10px -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px"><div style="font-family: 'Dosis', sans-serif; font-size: 25px; text-align: center; letter-spacing: -2px; line-height: 100%; font-weight: lighter">
</div><div style="width: 160px; padding: 5px; height: 100px; overflow: hidden; padding-top: -2px; letter-spacing: 0px; text-align: center;"> {postrow.displayed.PM_IMG} {postrow.displayed.PROFILE_IMG} {postrow.displayed.EMAIL_IMG}
            <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></div></div></div></div>
                                  </center>
                    <center> <div class="name">❝ {postrow.displayed.POSTER_NAME} ❞</div>
                  </center>
                      <div class="profil2">  <center><div class="rang1">{postrow.displayed.POSTER_RANK}</div></center> <div class="content" style="height:300px;"><!-- BEGIN profile_field -->
                                    <span class="postdetails poster-profile"><span class="ChampsProfil"> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
                                  <!-- END profile_field -->
                                      {postrow.displayed.POSTER_RPG}</span></div></div><br />
                  </div>           
 <img src="https://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;<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>

CSS:

Code:

/********************* PROFIL BY MAGMA. *****************/

#beckyy { width: 200px; height: 320px; position: relative; overflow: hidden; text-align: center;}
#beckyy .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s;
  position: absolute; bottom: -170px; width: 180px; margin-left: 10px; opacity: .90 }
#beckyy:hover .sucks { -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s; bottom: 10px; }
.lolbeckys::-webkit-scrollbar { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-track { width: 5px; background-color: transparent; }
.lolbeckys::-webkit-scrollbar-thumb { background-color: #555; }
.fondprofil {background-color: #080507; width : 210px; -webkit-border-radius: 5px; border-radius: 5px;
 box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000;}
.profil2 { background-color : #0D090C; width: 195px;  margin-left: 2px; height: 350px; overflow: auto;
-webkit-border-radius: 5px; border-radius: 5px; text-align :justify;
box-shadow: 0px 0px 5px #000; -webkit-box-shadow: 0px 0px 5px #000; margin-top: 3px; padding: 5px;} 

#online {position: absolute; width: 30px; height: 120px; left: 290px;}
.postdetails.poster-profile img {
  max-width:190px;}
.postdetails{ color: #75787a; font-size: 10px; font-family: 'Roboto Condensed'; }

.gen img {max-width: 180px;}

.ChampsProfil > span {white-space:normal !important; font-size:0px; }
.ChampsProfil > span > span {font-size:10px; font-family:roboto condensed;}
.ChampsProfil > span > span:hover {color:#244966!important;}
.rang1 {font-family: 'Roboto Condensed', sans-serif; font-size: 8px; letter-spacing: 1px; color: #393737;
  text-transform: uppercase;
border-bottom: 1px solid #393737; margin-bottom: 2px; padding: 2px;}
.name {background-color: #0D090C; width: 196px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px;
font-size: 23px; font-family: Tulpen One; letter-spacing: 1px; margin-bottom: 2px; margin-top: 1px;}
/* On transforme la liste et les items de liste en éléments inline */
ul.profile_field_list { display:inline; font-size: 9px;}
ul.profile_field_list > li {display:inline; font-size: 9px;}
.postdetails.poster-profile span.label {color:#D6B790 !important; font-family:roboto condensed;
  font-weight:lighter; font-size: 9px;}
.postdetails poster-profile {color: #fff;}

Voilà, le but est de ravoir une largeur normal pour l'affichage des messages. MERCI.

[MlleAlys]

Bonjour,
En inspectant votre forum je vois la largeur du forum fixée à 200px. C'est très petit ! Dans configuration du forum, remplacez 200 par 800, et voyez si cette largeur vous convient mieux.

[Emerald-Feather]

Merci

Je crois que c'est bon

Il suffira de changer l'image du en ligne pour la mettre sur la verticale au lieu de l'horizontal et tout devrait aller

Merci beaucoup.

[Chacha]

Bienvenue sur le forum de support de Forumactif Bonjour, Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.