[PHPBB3] Ratio messages/réputation

Hello Serge,

tu peux me donner le contenu de ton template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

L'image ne pourra pas être ainsi mais pourquoi pas une ligne ( de 10px admettons)
en dessous avec un progression...

Mais j’émets des réserves sur la faisabilité mon ami.
Edit, comment définir un maximum pour la barre de progression sachant que la valeur de la réputation est infinie??

Bonjour Philippe,

Mon template:

Code:


<!-- Position smiley emojis et giphy-->
<style>
.sceditor-dropdown.sceditor-twemojifa {
margin-left: 445px!important;
margin-top: -25px !important;
}
.sceditor-dropdown.sceditor-giphy {
margin-left: 420px!important;
margin-top: -25px !important;
}
</style>

<!-- retrait bouton panneau latéral -->
        <style>
        img.M14_open_Panneau {opacity: 0;}
        </style>

        <!-- Compte à rebours vote -->
        <style>
        #Compte {position: relative;float: right;margin-right: 15px;top: 74px;line-height: 30px;}
        #Compte div{position: relative;float: left;margin-left: 5px;top: -70px;line-height: 30px;color: #3bd9eb;}
        #Compte div span{font-size: 12px;text-align: center;color: #e2660a;}
        </style>

        <!-- Position hauteur flèche et widgets dans sujets-->
        <style>
        .widget-arrow.isleft {margin-top: 468px;}
        #content-container div#left {margin-top: 460px;}
        </style>

        <!-- Position boutons nouveau et répondre -->
        <style>
        .buttons {margin: 15px 0 0 80px;position: relative;}
        </style>

        <script type="text/javascript">
        //<![CDATA[
        var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };

        $(function(){
            if(typeof(_atc) == "undefined") {
                _atc = {  };
            }
        });

        var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
        showHiddenMessage = function(id)
        {
            try
            {
                var regId = parseInt(id, 10);
                if( isNaN(regId) ) { regId = 0; }

                if( regId > 0)
                {
                    $('.post--' + id).toggle(0, function()
                 {
                    if( $(this).is(":visible") )
                    {
                       $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
                    }
                    else
                    {
                       $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
                    }
                 });
                }
            }
            catch(e) { }

           return false;
        };

        //]]>
        </script>
                              
        <div class="M14_lAstSujets"><div></div></div>
        
        <div class="boutons_list">
        <ul class="linklist">
        <!-- BEGIN switch_user_logged_in -->
          <br/><br/>
                <!-- Ajout bouton Voir la page Facebook -->
                <li style="display: inline-block;"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" target="_blank" title="Aller sur la page Facebook du Clic" href="https://www.facebook.com/Photoclic/">La page Facebook du clic</a> • </li>
                
           <li><a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;background: #177887;color: #fff;" href="{U_SEARCH_NEW}">Les nouveaux messages</a></li>
        
           <li class="sansrep"> • <a style="font-weight: bold;border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_UNANSWERED}">Les messages sans réponses</a></li>      
                <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>  

           <li class="rightside"> • <a style="border: 1px solid #626262;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;padding: 0px 5px 3px 5px;" href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
                <br/><br/><br/>
           <!-- END switch_user_logged_in -->
        </ul>
        </div>

            <h1 class="page-title" style="display:none;">
                  <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                </h1>

         <div style="position:relative;top: 90px; width: 1px;" id="M14_aNcHoR"></div>

        <div class="topic-actions">
           <div class="buttons">

              <!-- BEGIN switch_user_authpost -->
                   <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>  
          <!--            <a href="{U_POST_NEW_TOPIC}" accesskey="n" rel="nofollow"><img style="display:none;" src="https://i.imgur.com/DmZrfKT.png" id="bouton_poster" alt="{L_POST_NEW_TOPIC}" /></a>  -->
                <!-- END switch_user_authpost -->
                
              <!-- BEGIN switch_user_authreply -->
              <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
              <!-- END switch_user_authreply -->
           </div>
        
           <p class="right">
                <!-- BEGIN switch_twitter_btn -->
                <span>
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </span>
                <!-- END switch_twitter_btn -->
              <!-- BEGIN switch_fb_likebtn -->
              <script>(function(d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0];
                if (d.getElementById(id)) return;
                js = d.createElement(s); js.id = id;
                js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                fjs.parentNode.insertBefore(js, fjs);
              }(document, 'script', 'facebook-jssdk'));</script>
              <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
              <!-- END switch_fb_likebtn -->
           </p>
        
           <div class="clear"></div>
        </div>
        
                    <div class="pathname-box" style="display:none;">
                    <p>
                      <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                      {NAV_CAT_DESC}
                    </p>
                    </div>

        <!-- Compte à rebours vote -->
        <div id="Compte"></div>

              <div id="M14_ariane" class="pathname-box ariane">
                          <p class="M14_ariane">
                                <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
                                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                                {NAV_CAT_DESC}
                                <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
                    jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
                    </script>            
                        </p>
                      </div>

          <a id="M14" style="position: relative;top: -190px;"></a>
        
        <!-- BEGIN topicpagination -->
        <p class="pagination">{PAGINATION}</p>
        <!-- END topicpagination -->

        <div class="clear"></div>
        {POLL_DISPLAY}  
        
        <!-- BEGIN postrow -->
           <!-- BEGIN hidden -->
              <div class="post {postrow.hidden.ROW_COUNT}">
                 <div class="inner">
                    <span class="corners-top"><span></span></span>
                    <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
                    <div class="clear"></div>
                    <span class="corners-bottom"><span></span></span>
                 </div>
              </div>
           <!-- END hidden -->
        
           <!-- BEGIN displayed -->
                <div id="p{postrow.displayed.U_POST_ID}" class="M14_post post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
                 <div class="inner"><span class="corners-top"><span></span></span>
                                
                <!--  Ancrage des sujets  -->                      
          <!--<div class="M14_anchonext" style="position: relative; top: -105px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>      -->

             <div class="M14_anchonext" style="position: relative; top: -145px;margin-top:40px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>  
                                                    
              <!-- Affichage des numéros de message -->
           <div class="postNumberContainer"><a href="{postrow.displayed.POST_URL}" class="postNumber">#{postrow.displayed.COUNT_POSTS}</a></div>
                                                        
                                  <div class="postbody">

                    <ul class="profile-icons">
                                        <li>{postrow.displayed.THANK_IMG}</li>
                                                                                                            
                       <li>{postrow.displayed.MULTIQUOTE_IMG}</li>
                                        
                                              <img class="post2pm" data-pid="{postrow.displayed.U_POST_ID}" src="https://i.servimg.com/u/f31/19/32/37/01/abouto10.png" title="Transmettre par MP" alt="Transmettre par MP" />
                                        
                       <li>{postrow.displayed.QUOTE_IMG}</li>
                       <li>{postrow.displayed.EDIT_IMG}</li>
                       <li>{postrow.displayed.DELETE_IMG}</li>
                       <li>{postrow.displayed.IP_IMG}</li>
                       <li>{postrow.displayed.REPORT_IMG_NEW}</li>
            
                    <!-- Debut bouton ajouter aux favoris -->                          
                        <li id="M14_FavORiTebis"><a href="/search?add_favourite={TOPIC_ID}&search_id=favouritesearch" rel="nofollow"><img style="margin-top:-3px;" src="https://i.servimg.com/u/f31/19/32/37/01/36125814.png" title= "Ajouter à vos favoris"/></a></li>                  
                        <!-- Fin bouton ajouter aux favoris -->                            
                                        
                  </ul>                          
                    <h2 class="topic-title">{postrow.displayed.ICON}<a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2>                    
                    <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {postrow.displayed.POSTER_NAME}                                  
               <!--    {postrow.displayed.POSTER_NAME}    posté    -->                                  
                    <span class="M14_time">{postrow.displayed.POST_DATE_NEW}</span>
                    <span class="M14_time_get"></span>
                    </p>                                
                    <div class="clearfix"></div>
 
                    <!-- BEGIN switch_vote_active -->
                    <div class="vote gensmall">
                       <!-- BEGIN switch_vote -->
                       <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                       <!-- END switch_vote -->

                       <!-- BEGIN switch_bar -->
                       <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                          <!-- BEGIN switch_vote_plus -->
                          <div class="vote-bar-plus" style="height:40px;"></div>
                          <!-- END switch_vote_plus -->

                          <!-- BEGIN switch_vote_minus -->
                          <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                          <!-- END switch_vote_minus -->
                       </div>
                       <!-- END switch_bar -->

                       <!-- BEGIN switch_no_bar -->
                       <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                       <!-- END switch_no_bar -->

                       <!-- BEGIN switch_vote -->
                       <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                       <!-- END switch_vote -->
                    </div>
                    <!-- END switch_vote_active -->

                    <div style="display:none"></div>
                    <div class="content clearfix">
                                        
                                      <!-- pour bouton copie lien photo -->
                                          <div class="M14_reception_photos" style="display:none"></div>
                                        
                       <div>{postrow.displayed.MESSAGE}</div>
                          <!-- BEGIN switch_attachments -->
                          <dl class="attachbox">
                             <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                             <dd class="attachments">
                                <!-- BEGIN switch_post_attachments -->
                                <dl class="file clearfix">
                                   <dt>
                                      <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/>
                                   </dt>
                                   <dd>
                                      <!-- BEGIN switch_dl_att -->
                                      <span><a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                                      <!-- END switch_dl_att -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}</span>
                                      <!-- END switch_no_dl_att -->

                                      <!-- BEGIN switch_no_comment -->
                                      <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>
                                      <!-- END switch_no_comment -->

                                      <!-- BEGIN switch_no_dl_att -->
                                      <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>
                                      <!-- END switch_no_dl_att -->

                                      <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
                                   </dd>
                                </dl>
                                <!-- END switch_post_attachments -->
                             </dd>
                          </dl>
                          <!-- END switch_attachments -->
                    </div>
                    
                                        <span class="edited_post">{postrow.displayed.EDITED_MESSAGE}</span>
                                  
                    <!-- BEGIN switch_signature -->
                    <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
                    <!-- END switch_signature -->
                                  
                                  
                                  
          <br /><br /> <div class="M14_Thank_Cont">
            <div><span class="M14_Texte_liste">Le membre suivant remercie   </span>
            <span class="M14_ThankUser"></span> pour ce sujet: <a target="_blank" href="" class="M14_Thank_link"></a><br />
            </div>
            <div class="M14_Thank_list"><div></div></div>
            </div>
                                  
                                  
                 </div>

                 <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
                    <!-- div class="online2"></div-->
                    <dl>
                       <dt>
                          
                                    
            <strong class="M14_member" style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
            <div class="M14_TogProfil">
            <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span>
            <li><a class="M14_link" target="_blank">Profil</a></li>
            <li><a class="M14_link" target="_blank">Statistiques</a></li>
            <li><a class="M14_link" target="_blank">MP</a></li>
            <li><a class="M14_link" target="_blank">Messages</a></li>
            <li><a class="M14_link" target="_blank">Sujets</a></li>
            <li><a class="M14_link" target="_blank">Participation</a></li>
              
            <!-- visiteurs retiré --      <li><a class="M14_link"target="_blank">Visiteurs</a></li>    ---->
            <!-- Message sur profil retiré --      <li><a class="M14_link"target="_blank">Message sur profil</a></li>    ---->

            </div>
            <br />
              {postrow.displayed.POSTER_AVATAR}
                                                
            <br />                                        
                       </dt>
                       <dd class="M14_rang">{postrow.displayed.POSTER_RANK_NEW}</dd>
                       <dd class="M14_rang">{postrow.displayed.RANK_IMAGE}</dd>
                      
                       <dd><br /></dd>
                       <dd>
                          <!-- BEGIN profile_field -->
                                                                    
            <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}

                          <!-- END profile_field -->
                          {postrow.displayed.POSTER_RPG}
                       </dd>
                       <dd><br /></dd>
                       <dd>
                          {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                       </dd>
                    </dl>
                 </div>

                 <div class="clear"></div>
                                
                          
      
                                
                                <!--  <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  -->
                                
                            
                 <span class="corners-bottom"><span></span></span></div>
                       <!-- BEGIN switch_likes_active -->
            <div class="fa_like_div" style="display:none;">
            <!-- BEGIN switch_like_list -->
            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
            <!-- END switch_like_list -->
            <!-- BEGIN switch_dislike_list -->
            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
            <!-- END switch_dislike_list -->
            <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
            <span> Best </span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
            </button>
            <!-- BEGIN switch_dislike_button -->
            <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
            <svg width="13px" height="13px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
            <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
            </button>
            
            <!-- END switch_dislike_button -->  
            </div>
            <!-- END switch_likes_active -->
          
    </div>
              <!-- BEGIN first_post_br -->
              <hr id="first-post-br" />
              <!-- END first_post_br -->
           <!-- END displayed -->
        <!-- END postrow -->

          <a name="bottomtitle"></a>  


        <div class="clear"></div>
        
        <div class="noprint">

        <!-- BEGIN switch_user_logged_in -->
        
        <!-- BEGIN watchtopic -->

        <li class="rightside" style="float:right;">  {S_WATCH_TOPIC}<br /></li>

        <!-- END watchtopic -->
        <!-- END switch_user_logged_in -->
        </div>

        <hr />
              <div id="M14_ariane" class="pathname-box ariane">
              <p class="M14_ariane">
              <a class="nav" href="{U_INDEX}"><span>Accueil</span></a>
              <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
              {NAV_CAT_DESC}
              <a class="nav" href="{TOPIC_URL}">{TOPIC_TITLE}</a>
                          
              <script type="text/javascript">
              jQuery('.ariane').html(jQuery('.ariane').html().replace(/::/g,' ')).removeClass('ariane');
              </script>            
              </p>
              </div>
        
        <!-- BEGIN promot_trafic -->
        <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em">
           <span class="corners-top"><span></span></span>
           <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span>
           <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
           <span class="corners-bottom"><span></span></span>
        </div>
                <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em">
           <span class="corners-top"><span></span></span>
           <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span>
           <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span>
           <div class="clear"></div>
           <div>
              <!-- BEGIN link -->
              » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
              <!-- END link -->
           </div>
           <span class="corners-bottom"><span></span></span>
        </div>
        <!-- END promot_trafic -->

        <!-- BEGIN switch_forum_rules -->
        <div class="post row1" id="forum_rules">
           <span class="corners-top"><span></span></span>
           <div class="h3"> {L_FORUM_RULES}</div>
           <div class="clear"></div>
           <table class="postbody">
              <tr>
                 <!-- BEGIN switch_forum_rule_image -->
                 <td class="logo">
                 <img src="{RULE_IMG_URL}" alt="" />
                 </td>
                 <!-- END switch_forum_rule_image -->
                 <td class="rules content">
                 {RULE_MSG}
                 </td>
              </tr>
           </table>
           <span class="corners-bottom"><span></span></span>
        </div>
        <!-- END switch_forum_rules -->

        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}
        <!-- END switch_user_logged_in -->

        <hr />
        
        <!-- BEGIN topicpagination -->
         <p class="pagination">{PAGINATION}</p>
        <!-- END topicpagination -->

        </div>
        <div class="clear"></div>

        <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <fieldset class="jumpbox">
           <label>{L_JUMP_TO}: </label>
           {S_JUMPBOX_SELECT}
           <input class="button2" type="submit" value="{L_GO}" />
        </fieldset>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <form method="get" action="{S_FORM_MOD_ACTION}">
        <fieldset class="quickmod">
           <input type="hidden" name="t" value="{TOPIC_ID}" />

           <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
           <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
           <label>{L_MOD_TOOLS}: </label>
           {S_SELECT_MOD}&nbsp;
           <input class="button2" type="submit" value="{L_GO}" />
        </fieldset>
        </form>
        <div class="clear"></div>
        <p class="right">{S_TOPIC_ADMIN}</p>
        <!-- END viewtopic_bottom -->


        <!-- BEGIN show_permissions -->

                <div id="M14_get_memberList" style="display:none;">
            <span class="gensmall"><strong>Membres parcourant ce sujet: </strong></span>
                  <div id="M14_get_user"><div class="gensmall"></div></div>
                  </div>

           <div class="h3">{L_TABS_PERMISSIONS}</div>
           {S_AUTH_LIST}
        <!-- END show_permissions -->

        <!-- BEGIN switch_image_resize -->
        <script type="text/javascript">
        //<![CDATA[
        $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
        //]]>
        </script>
        <!-- END switch_image_resize -->

        <!-- Laisse le bouton favori uniquement sur 1ier message -->
            <script type="text/javascript">
              $(function(){
              if(_userdata["user_id"] < (0)){$('li#M14_FavORiTebis').remove();}
              $('ul.profile-icons:not(:first)').find('li#M14_FavORiTebis').remove();
              });
            </script>

        <!-- <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>  -->


Pour le ratio, c'est loin d'être parfait en l'état.
Mais la réputation est toujours > au nbre de message et donc le ratio sera toujours <100%.
J'affinerai plus tard la formule Phil.
En fait je pensais faire un truc bâtard ainsi: (implication/messages) + (votes effectuées/100). Ce serait d'ailleurs bien mieux si c'est possible.

C'est juste pour indiquer une tendance d'un membre par rapport à un autre.
Il sera aussi possible de dire que si c'est >100 ce sera égal à 100.

Pour la progression, je te laisse faire comme tu le décrits Phil.

Hum,
ahhhh je comprend (fait pas beau vieillir )
Je regarde tout çà et reviens vers toi demain matin.

Dans ton template tu peux déjà modifier ceci:

Code:


 <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</span>{postrow.displayed.profile_field.SEPARATOR}


Par :

Code:

 <span class="M14_blocSpan">{postrow.displayed.profile_field.LABEL}
  <span class="value">{postrow.displayed.profile_field.CONTENT}</span>
  {postrow.displayed.profile_field.SEPARATOR}</span>


Puis placer ce script afin de bien délimiter par des class chaque champs:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher Sur les sujets


Déposes ceci:

Code:


$(function() {
  for (var field = $('.M14_blocSpan'), i = 0, j = field.length; i < j; i++) {
    field[i].className += ' field_' + $('.label', field[i]).text().toLowerCase().replace(/ : /, '').replace(/[^a-z0-9]/g, function(s) {
        var c = s.charCodeAt(0);
        if (c == 32) return '-';
        return '__' + ('000' + c.toString(16)).slice(-4);
    });
  }
});


Penses a cliquer sur le bouton

Pour notre affaire , sur le champs Implication et avec le script:
On aura cette class:

Code:


.M14_blocSpan.field_implication


A partir de là on pourra donner un style .

Je te donnerais plus d'informations demain Serge.

Un grand merci Philippe,

Tu m'as déjà donné du grain à moudre pour ma (longue) fin de soirée :-)

Tes codes sont en place Philippe.

Juste avant de partir,
tu peux tester ce script:
On aura les mêmes class car j'ai été faire ma fouine sur ton fofo...


Juste après le script que je viens de te donner.
Ajoutes ceci:

Code:

$(function(){
$('div[class*="post--"]').each(function(){
var message=$(this).find('.M14_blocSpan.field_messages').find('.value').text();
var implication=$(this).find('.M14_blocSpan.field_implication').find('.value').text();
var result=message/implication*100;
  var v=result.toFixed(2);
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').text(''+v+'%')
});});

Puis la css pour avoir un background sur le pourcentage:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


.M14_implication{background:#2e2e2e;padding: 0px 5px;height:15px;line-height:15px;color:#fff;font-size:10px;min-width:20px;display: inline-block;}




Penses a cliquer sur le bouton


L’aperçu imagé:






Bonne soirée et à demain Serge   .

Super Philippe! Un grand merci.

C'est en place et ça fonctionne

Tu penses pouvoir ajouter une progression graphique?

Bonne soirée à toi également et à demain Phil.




Edit:
Saurais-tu aussi comme évoqué ici:

En fait je pensais faire un truc bâtard ainsi: (messages/implication) + (votes effectuées/100)...
Il sera aussi possible de dire que si c'est >100 ce sera égal à 100.

. récupérer la variable "Votes_effectués" (située au dessus de implication avec l'image vote) pour que la formule du ratio soit:
result = ((messages/implication) + (votes_effectués/10)*100)

Et pour s'assurer que l'on ne dépassera pas 100% dans le ratio, ajouter une condition: si result>100 alors result=100.

Si non, laisse ainsi Philippe.

Hello Serge,

le script ne pourra pas fonctionner sur les votes reçus avec la petite image car non natif,
C'est un script qui vient placer celui-ci.


Je reviens sur ton message qui disait que la valeur de la réputation (Implication) sera toujours plus importante que celle des messages ( je n'ai pas réellement prêté attention à ce détail) :

Le calcul serait plutôt :

Code:

var result=implication/message*100;

On divise généralement la valeur la plus grande par la plus petite et on multiplie par 100:

Actuellement c'est l'inverse.
Ton pourcentage sera déjà plus fiable  Serge.

Et pour s'assurer que l'on ne dépassera pas 100% dans le ratio, ajouter une condition: si result>100 alors result=100.

Tu peux le faire ainsi Serge,
par contre on aura plus de décimale .

Code:



$(function(){
$('div[class*="post--"]').each(function(){
var message=$(this).find('.M14_blocSpan.field_messages').find('.value').text();
var implication=$(this).find('.M14_blocSpan.field_implication').find('.value').text();
var result=implication/message*100;
  var v=result.toFixed(0);
if(v<=99)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').text(''+v+'%');
}
if(v>=100)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').text('100%');
}
});});

Si inférieure ou égal à 99 alors je joue avec les variables:

Code:


if(v<=99)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').text(''+v+'%');
}


Si supérieur ou égal à 100% alors on place du texte:

Code:


if(v>=100)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').text('100%');
}


Bonjour Philippe,

Merci pour cet ajout.

On divise généralement la valeur la plus grande par la plus petite et on multiplie par 100:

Tu as raison, et tu avais rectifié de toi même dans ton 1ier script
Il faut bien:
var result=message/implication*100;

Car implication est toujours > message (pour chaque message, implication est majoré de 2 ou 3 points)

Sinon, c'est tout bon pour le 100%.

Pour les votes, il s'agit effectivement d'un script que tu m'avais fait.
Je ne sais pas si tu peux ajouter une class pour y accéder.
Il s'agit de ce script:

Code:


//Ajout votes reçus sous liste avatar
$(function(){
    if (_userdata.session_logged_in == 1) {
    $('.postprofile').each(function(){
    var $this=$(this).find('.M14_blocSpan:eq(3)');
    var lienProfil=$(this).find('dt').find('a[href^="/u"]').attr('href');
    var stats="stats";
    var tout=lienProfil+stats;
    $.get(tout , function(data){
    $(data).find('#profile-advanced-details').each(function(){
    if(lienProfil){
    var e=$(data).find('fieldset.stats-field.genmed:eq(1) label:contains("Evaluations positives données :")').closest('li').text();
    var f=e.substring(31,);
                       
$this.before('<div class="M14_blocSpan"><img class="label"src="https://i.servimg.com/u/f25/18/97/96/21/bouton10.png" title="Nombre de votes effectués"style="vertical-align: middle;" />  : '+f+'</div>');
    }
     //start tooltipster 
   $('.M14_blocSpan img.label').tooltipster({
          animation : 'fade',
          arrow : true,
          speed : 300,
          delay : 300,
          onlyOne : true,
          theme : 'tooltipster-default'
        });        
     //end tooltipster                       
    });});}); 
    }});

Ok Serge,
merci pour le script, c'est bien ce qu'il me semblait mais on ne pourra
pas l'implémenter mon ami, désolé.

Par contre tu préfères l'inverse alors ?

Code:

var result=message/implication*100;

que:

Code:

var result=implication/message*100;

Tu dois avoir des pourcentages qui doivent approcher des 100% sur beaucoup de messages????


Je résume:

Car implication est toujours > message (pour chaque message, implication est majoré de 2 ou 3 points)

Donc les implications sont plus importantes que les messages:

Donc plus grande valeur / plus petite x  100

Donc :

Code:

var result=implication/message*100;

Philippe, il y a l'un de nous 2 qui n'a pas les yeux en face des trous ce matin

Car implication est toujours > message (pour chaque message, implication est majoré de 2 ou 3 points)

Donc implication doit être au dénominateur et c'es bien ce que tu as fait dans ton 1ier script

Serge,
mon premier message:
https://www.milouze14.com/t33009-phpbb3-ratio-messages-reputation#629749
Je mentionne dans mon script:

Code:

var result=message/implication*100;

Mon deuxième message:
https://www.milouze14.com/t33009-phpbb3-ratio-messages-reputation#629758

Code:

var result=implication/message*100;

Ensuite, si sur ton forum cela correspond à tes souhaits, c'est le principal mon ami ;) .

Re Phil,

On laisse comme dans ton 1ier message Philippe.

Code:

var result=message/implication*100;

Re Serge,
ok mon ami

Je passe en résolu Phil, ou y aura -t-il une suite pour la partie graphique?

Je regarde en fin de journée pour la partie graphique car c’était parti aux oubliettes

Super! Pas d'urgence et merci.

Re Serge,
alors on va passer par un background color car pour une image c'est un peu trop compliqué a réaliser et surtout qu'il nous reste en gros 100px pour afficher un truc correcte.

L'aperçu imagé:



Mais tu peux personnaliser les couleurs (fond et de police)  , mais évites de modifier les autres valeurs .

Le script a modifier:

Code:

$(function(){
if(!_userdata["session_logged_in"])return;
$('div[class*="post--"]').each(function(){
var message=$(this).find('.M14_blocSpan.field_messages').find('.value').text();
var implication=$(this).find('.M14_blocSpan.field_implication').find('.value').text();
var result=message/implication*100;
  var v=result.toFixed(0);
if(v<=99)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').html('<span>'+v+'%</span>');
$(this).find('.value.M14_implication').find('span').css('width',''+v+'px');
}
if(v>=100)
{
$(this).find('.M14_blocSpan.field_implication').attr('title','Ratio messages/réputation').find('.value').addClass('M14_implication').css('width','100%').html('<span>100%</span>');
$(this).find('.value.M14_implication').find('span').css('width','100px');
}
});});

La css:

Code:


/*LA PARTIE DROITE POURCENTAGE*/
.value.M14_implication
{
  text-align:left;
  padding:2px;
  background:#ccc;
  height:15px;
  line-height:15px;
  font-size:10px;
  display:inline-flex;
  width:100px!important;
  border-radius: 6px;
}
/*LA PARTIE POURCENTAGE*/
.value.M14_implication span
{
max-width:100px;
background:#20aec8;
min-width:30px;
border-radius: 6px;
color:#222;
padding:1px 5px;
}







Extra Philippe, ça marche impeccable

2 questions:
.sur ton aperçu imagé, le graphe apparait sur la même ligne que le mot implication.
Sur mon fofo, c'est à la ligne.
Faut peut-être que j'agrandisse la largeur du module profil, ou que je laisse ainsi et que j'agrandisse le graphe, Mais ce n'est qu'un détail Phil.

.Pour ma formation milouzienne, pourquoi ce code mis au début pour les class:

Code:

$(function() {
  for (var field = $('.M14_blocSpan'), i = 0, j = field.length; i < j; i++) {
    field[i].className += ' field_' + $('.label', field[i]).text().toLowerCase().replace(/ : /, '').replace(/[^a-z0-9]/g, function(s) {
        var c = s.charCodeAt(0);
        if (c == 32) return '-';
        return '__' + ('000' + c.toString(16)).slice(-4);
    });
  }
});

Pourquoi ne pas utiliser ces variables:

Code:


_userdata["user_posts"]
_userdata["user_nb_privmsg"]
_userdata["point_reputation"]


je verrai plus tard si je garde ce ratio ou si je le remplace par le nombre de sujet posté/Nombre de message, mais je ne connais pas la variable nombre de sujets postés.


Un grand merci encore pour tout ce que tu me développes l'ami.

Le srcipt emntionné ajoute des class aux champs natif du profil mentionné ici:

https://www.milouze14.com/t33009-phpbb3-ratio-messages-reputation#629745

Pourquoi ne pas utiliser ces variables:

Code:

    _userdata["user_posts"]
    _userdata["user_nb_privmsg"]
    _userdata["point_reputation"]


Tu désires avoir les mêmes valeurs sur tous les profils serge ?

Les variables sont prévues pour le membre qui ouvre sa session ni plus ni moins.


Pour ton retour à la ligne, la largeur de la parie gauche est bien trop étroite sur ton fofo.
Tu dois avoir quelque chose comme ceci dans ta css:

Code:


.postprofile {
    background: #454444;
    padding: 8px 1px 5px 0;
    width: 185px;
}





Augmentes la valeur du width à 200px .

Ah ok, tu viens de me faire comprendre pour les variables, confus dans mon esprit c'était.
Il est vraiment très fort ton script pour les class dans les profils.

Est-ce qu'il ajoute aussi une class pour le nbre de sujets postés?

CSS du postprofile modifié et c'est parfait.

Est-ce qu'il ajoute aussi une class pour le nbre de sujets postés?

Hum, non pourquoi?

car je pense mettre aussi plus tard  le ratio nbre de posts/nbre de messages.

Hum,
cela veut dire qu'il faut faire une relation avec le profil (requête) pour connaitre le nombre de sujet.
Est-ce bien cela?
Si oui, il faut faire rapidement une nouvelle demande pendant que je tiens les informations
sur mon fofo de tests .