script qui ne s'applique seulement au premier message posté

[freakyhoney]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : problème depuis l'ajout d'un script dans le template viewtopic_body
Lien du forum : https://ultravio.forumactif.com/

Description du problème

Bonjour,
je suis en train de modifier le template <b>viewtopic_body</b> : j'ai voulu y ajouter un script pour enlever les " : " dans les champs de profil

le script est le suivant :

Code:

 <script type="text/javascript">document.getElementById('prf').innerHTML=document.getElementById ('prf').innerHTML.replace(/:/," ");</script>

et dans le template ça donne ça :

Code:

 <div class="postprofile-info" id="prf">
                  <!-- BEGIN profile_field -->
                         <c><span>{postrow.displayed.profile_field.CONTENT} </span>
                                <span>{postrow.displayed.profile_field.LABEL}</span></c>
                <script type="text/javascript">document.getElementById('prf').innerHTML=document.getElementById ('prf').innerHTML.replace(/ : /," ");</script>
                                <script type="text/javascript">document.getElementById('prf').innerHTML=document.getElementById ('prf').innerHTML.replace(/:/," ");</script>
                               
                               
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
                     
                                </div>

comme on peut voir sur le screen que j'ai fourni, le script semble fonctionner sur le premier message, mais pas les suivants...
Si quelqu'un a une solution je suis preneuse (c'est sûrement le gros bazar dans mes codes sorry)

le template entier (html)

Code:

<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
   //<![CDATA[
   var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">

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="sub-header">
   <div class="sub-header-info">
      <h1 class="page-title">
         <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
      </h1>
      <div class="sub-header-path">
         <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
         {NAV_CAT_DESC}
      </div>
   </div>

   <div class="sub-header-buttons">
      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" {S_POST_NEW_TOPIC} title="{T_POST_NEW_TOPIC}" class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} title="{T_POST_REPLY_TOPIC}" class="ion-{I_POST_REPLY_TOPIC} button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<div class="topic-actions">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->
   <div class="topic-actions-buttons">
      <!-- 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 -->

      <!-- BEGIN switch_plus_menu -->
      <div id="addthis-toolbar" style="display: inline-block; margin-bottom:5px;">
         <div class="btn-floating-left" tabindex="100">
                {L_SHARE}
         </div>
         <div class="addthis-toolbar-btn" style="display:none;">
                {switch_plus_menu.SOCIAL_BUTTONS}
         </div>
      </div>
        {switch_plus_menu.JS_SOCIAL_BUTTONS}
      <script type="text/javascript">//<![CDATA[

         var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
         var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
         var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
         var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
         var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
         insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
      //]]>
      </script>
      <!-- END switch_plus_menu -->
   </div>
</div>

<div class="quick-nav-topics">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#bottom">{L_GOTO_DOWN}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}">
         <p style="text-align:center">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  
               </dt>
               
            </dl>
         </div>

         <div class="post-head">
                          <table cellspacing="0" cellpadding="0"><td class="postprofile-avatar">
                       
                     {postrow.displayed.POSTER_AVATAR}
                  
                            </td><td class="postprofile-name" valign="top">
                            <div class="p-name">
                     
                              <span>{postrow.displayed.POSTER_NAME}</span>
                              </div>
                              <br/>
                           
                            <div class="postprofile-info" id="prf">
                  <!-- BEGIN profile_field -->
                         <c><span>{postrow.displayed.profile_field.CONTENT} </span>
                                <span>{postrow.displayed.profile_field.LABEL}</span></c>
                <script type="text/javascript">document.getElementById('prf').innerHTML=document.getElementById ('prf').innerHTML.replace(/ : /," ");</script>
                                <script type="text/javascript">document.getElementById('prf').innerHTML=document.getElementById ('prf').innerHTML.replace(/:/," ");</script>
                               
                               
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
                     
                                </div>
               
      
                            <br/>
                         
                            </td><td>
                            <div class="sujet-tri2"></div>
                            </td><td>
                            <div class="sujet-tri"></div>
                            </td><td class="omg">
                            <div class="sujet-contact">
                            {postrow.displayed.PROFILE_IMG}
                  {postrow.displayed.PM_IMG}
                  {postrow.displayed.EMAIL_IMG}
                  <!-- BEGIN contact_field -->
                      {postrow.displayed.contact_field.CONTENT}
                  <!-- END contact_field -->
                            </div>
                            <br/>
            <ul class="profile-icons">
               <li class="btn-thank">
                  <a href="{postrow.displayed.THANK_URL}">
                     <i class="ion-heart"></i>
                  </a>
               </li>
               <li class="btn-quote-multi">
                  <span onclick="{postrow.displayed.MULTIQUOTE_URL}" id="post_mq{TOPIC_ID}_{postrow.displayed.U_POST_ID}">
                     <i class="ion-quote"></i>
                     <i class="ion-ios-plus-empty"></i>
                  </span>
               </li>
               <li class="btn-quote">
                  <a href="{postrow.displayed.QUOTE_URL}">
                     <i class="ion-quote"></i>
                  </a>
               </li>
               <li class="btn-edit">
                  <a href="{postrow.displayed.EDIT_URL}">
                     <i class="ion-edit"></i>
                  </a>
               </li>
               <li class="btn-delete">
                  <a href="{postrow.displayed.DELETE_URL}">
                     <i class="ion-trash-a"></i>
                  </a>
               </li>
               <li class="btn-ip">
                  <a href="{postrow.displayed.IP_URL}">
                     <i class="ion-ios-information"></i>
                  </a>
               </li>
               <li class="btn-report">
                  {postrow.displayed.REPORT_IMG}
               </li>
            </ul>
                            </td></table>
            
                         
               <!-- BEGIN switch_vote_active -->
               <div class="vote">
                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="ion-plus-circled"></a>
                  <!-- END switch_vote -->

                  <!-- BEGIN switch_vote -->
                     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="ion-minus-circled"></a>
                  <!-- END switch_vote -->

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

                     <div class="vote-bars">
                        <!-- BEGIN switch_vote_plus -->
                           <div class="vote-bar-plus" style="width:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

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

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

         <div class="postbody">
            <div class="content">
               <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">
                           <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>
                       
            
            <!-- BEGIN switch_signature -->
               <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
            <!-- END switch_signature -->
         </div>
 <div class="topic-date">
               {postrow.displayed.POST_DATE_NEW}
                          </div>
         <!-- BEGIN switch_likes_active -->
         <div class="fa_like_div">
            <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}">
               <i class="ion-thumbsup"></i>
               <span>{postrow.displayed.switch_likes_active.L_LIKE}</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}">
               <i class="ion-thumbsdown"></i>
               <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 -->
            <!-- 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 -->
         </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="quick-nav-topics bottom" style="margin-top:5px;">
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>
    <!-- END switch_isconnect -->
    <a href="#top">{L_BACK_TO_TOP}</a>
    <!-- BEGIN switch_isconnect -->
   <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
    <!-- END switch_isconnect -->
</div>

<div class="topic-actions bottom">
   <!-- BEGIN topicpagination -->
      <div class="pagination">
         {PAGINATION}
      </div>
   <!-- END topicpagination -->

   <div class="topic-actions-buttons">
      <!-- BEGIN switch_user_logged_in -->
         <!-- BEGIN watchtopic -->
            {S_WATCH_TOPIC}
         <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->

      <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="ion-{I_POST_NEW_TOPIC} button1">{L_POST_NEW_TOPIC}</a>
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}" title="{T_POST_REPLY_TOPIC}" {S_POST_REPLY_TOPIC} class="ion-{I_POST_REPLY_TOPIC} button1">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
   </div>
</div>

<!-- BEGIN promot_trafic -->
   <div class="block" id="ptrafic_close" style="display: none;">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-plus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
   </div>
   <div class="block" id="ptrafic_open" style="display:'';">
      <div class="h3"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><i class="ion-ios-minus-outline"></i></a>{PROMOT_TRAFIC_TITLE}</div>
      <ul class="ptrafic">
         <!-- BEGIN link -->
            <li>
               <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">
                  <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
               </a>
            </li>
         <!-- END link -->
      </ul>
   </div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="post row1" id="forum_rules">
   <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>
</div>
<!-- END switch_forum_rules -->

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

<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}
      <input class="button2" type="submit" value="{L_GO}" />
   </fieldset>
</form>

<p class="right">{S_TOPIC_ADMIN}</p>
<!-- END viewtopic_bottom -->

<!-- BEGIN show_permissions -->
   <div class="block">
      <div class="h3">{L_TABS_PERMISSIONS}</div>
      {S_AUTH_LIST}
   </div>
<!-- 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 -->

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github-gist.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
$(document).ready(function() {
   $('pre, code').each(function(i, block) {
      hljs.highlightBlock(block);
   });

   $('.post').each(function() {
      if($(this).find('.postprofile-avatar').html() !== undefined) {
         if (!$(this).find('.postprofile-avatar').html().length) {
            $(this).find('.postprofile-rank').css('border-bottom', 'none');
            $(this).find('.postprofile > dl > dt').css('min-height', $(this).find('.post-head').innerHeight());
         }
      }
   });
});
</script>

CSS :

Code:

/******AFFICHAGE SUJETS********/

.post-head {
    background-color:#f0f0f0;
    border:1px solid #ccc;
    padding:0px;
position:relative;
  top:0px;
  z-index:8;
    border-bottom:0px;
}

.postprofile-avatar img {
  height: 130px;
  width: 130px;
  border-radius:0px;
  padding:0px;
 box-shadow: 0 1px 1px rgba(0,0,0,0), 0 0 1px rgba(0,0,0,0);
  border: 15px solid #fff;
}

.postprofile-info {
font-size:11px;
font-family:roboto;
font-weight:bold;
color:#444!important;
  text-transform:uppercase;
  word-spacing:5px;
  line-height:100%;
}

.postprofile-info span {
  margin:0.3px;
 
}

.postprofile-info c {
  padding:5px;
 
}

.post .post-head .topic-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  font-family:poppins;
  text-transform:uppercase;
}

.topic-date {
    border:1px solid #ccc
    border-bottom:0px;
    margin: 0;
    padding:10px;
  text-transform:uppercase;
  font-size:8px;
  font-family:cousine;
  background:#fff;
}

.postbody {
width:100%;
background:#f7f7f7;
  border:1px solid #ccc;
  border-bottom:0px;
}

.content {
padding:15px;
text-align:justify;
line-height:100%
font-family:arial;
font-size:12px;
  min-height:170px;
}

.sujet-contact {
background:rgba(255,255,255, 0.3);
padding:8px;
border-radius:6px 6px 6px 6px;
margin-left:10px;
text-align:center;}

.sujet-contact img{
 
width:20px;
margin-left:10px;
border-radius:5px;
  border:3px solid #fff;
}

.sujet-tri {
border-right: 50px solid transparent;
border-top:130px solid #ccc;
height: 0;
margin-top:auto;
position: relative;
width:0px;
z-index: 4;
  margin-left:-49.1px;
}

.sujet-tri2 {
border-right: 50px solid transparent;
border-top: 130px solid #f0f0f0;
height: 0;
margin-top: auto;
position: relative;
  margin-left:30px;
width: 0px;
z-index: 5;
}

.omg {
width:auto;
}

.postprofile-name {
width:355px;
  color:#fff!important;
}

.p-name {
  font-family:poppins;
font-weight:bold;
color:#fff!important;
font-size:35px;
text-transform:uppercase;
margin-top:20px;
text-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
    line-height:100%;
}

.p-name a {
color:#fff!important;}

.postprofile-rank {
 line-height:100%;
  text-transform:uppercase;
  color:#444;
  font-size:10px;
}
.postprofile-rank span {
border-radius:5px;
  padding:6px;
  border:1px solid #fff;
  background:rgba(255,255,255,0.5);
  line-height:100%;
}


.postprofile {
  color: #444;
  padding:0px;
  position: relative;
  width:auto;
}


Merci !

[Oka.mi]

Bonjour,

Il y a plusieurs problèmes dans ce que vous tentez de faire :

• Vous ciblez un id alors qu'il est présent plusieurs fois sur la page (or un id doit être unique sur une page, contrairement aux class)
  
• Vous ne dîtes pas au script qu'il faut le faire pour chaque "prf", donc il le fait une fois sur le premier et c'est fini.

Pour aller au plus simple je vous conseille d'utiliser la solution donnée dans ce sujet :
https://forum.forumactif.com/t406144-retirer-les-dans-le-profil#3385781
En manipulant directement la variable on se passe d'ajout d'id ou de class et on est sûr que ça le fera partout où la variable sera présente sur la page.

[freakyhoney]

Merci beaucoup pour votre réponse !! ça m'a permis de résoudre mon problème et de mieux comprendre les script