Zones blanches dans mon blog en dark mode

[Yunie16]

Détails techniques

Version du forum : ModernBB
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 : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour !

En faisant le tour du forum pour peaufiner les derniers détails, je viens de me rappeler un pitit problème au niveau de mes blogs, que j'ai mis en page pour en faire des sms. En dark mode, certaines zones restent blanches (la ligne avec les boutons d'édition dans le premier post et la petite flèche dans les "commentaires"), et je ne trouve pas dans le code quel morceau toucher pour changer le background de ces deux zones. J'ai l'impression d'avoir testé tous les endroits possibles mais ça ne prend pas...

Voici mon template concernant cette zone :

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;
};

$(document).ready(function() {
   let post_menus = document.getElementsByClassName('post-menu');
   Array.prototype.forEach.call(post_menus, function (post_menu) {
      post_menu.addEventListener('click', function (e) {
         if (e.target.classList.contains('expanded')) {
            e.target.innerHTML = '+';
            e.target.classList.remove('expanded');
         } else {
            let exp_menus = document.querySelectorAll('.post-menu.expanded');
            Array.prototype.forEach.call(exp_menus, function (exp_menu) {
               exp_menu.innerHTML = '+';
               exp_menu.classList.remove('expanded');
            });
            e.target.innerHTML = '-';
            e.target.classList.add('expanded');
         }
      });
   });

   document.onclick = function (e) {
      if ($(e.target).parents('.menu-wrap').length == 0) {
         let exp_menus = document.querySelectorAll('.post-menu.expanded');
         Array.prototype.forEach.call(exp_menus, function (exp_menu) {
            exp_menu.innerHTML = '+';
            exp_menu.classList.remove('expanded');
         });
      }
   };
});

//]]>
</script>

<!-- BEGIN switch_push_direct_send -->
<div id="push-answer" class="jqmWindow"></div>
<script src="{JQUERY_DIR}jqmodal/jqmodal.js" type="text/javascript"></script>
<script type="text/javascript">
   $(document).ready(function() {
      $('#push-answer').jqm({toTop: true});

      $('#push-bell').click(function () {
         return sendWebPush({TOPIC_ID});
      });
      function sendWebPush(tId){
         $.get("/ajax_push.php?topicID=" + tId ).done(showPushAnswer);
      }

      function showPushAnswer(data) {
         $('#push-answer').html(data).jqmShow();
         $('.jqmOverlay').bgiframe();
         $('#push-answer').bgiframe();
      }
   });
   //]]>
</script>
<!-- END switch_push_direct_send -->

<div class="sub-header">
   <div class="sub-header-info">
      <h1 class="page-title">
         <a href="{TOPIC_URL}">{TOPIC_TITLE}</a>
         <!-- BEGIN switch_push_direct_send -->&nbsp;<span id="push-bell" style="color:goldenrod;" title="{switch_push_direct_send.L_PUSH_SEND}" class="ion-android-notifications"></span><!-- END switch_push_direct_send -->
      </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" title="{T_POST_NEW_TOPIC}" {S_POST_NEW_TOPIC} class="ion-{I_POST_NEW_TOPIC} button1" style="background:var(--couleur-degrade2);color:var(--fond-blocs)!important;height:30px;border-radius:6px;padding:5px 10px;">{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" style="background:var(--couleur-degrade2);color:var(--fond-blocs)!important;height:30px;border-radius:6px;padding:5px 10px;">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->
      <!-- BEGIN switch_user_authnoreply -->
         <a href="{U_LOGIN_REPLY_TOPIC}" title="{T_LOGIN_REPLY_TOPIC}" class="login-for button1">
            <img src="{I_LOGIN_REPLY_TOPIC}" alt="{T_LOGIN_REPLY_TOPIC}"/>{L_LOGIN_REPLY_TOPIC}
         </a>
      <!-- END switch_user_authnoreply -->
   </div>
</div>

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

   </div>
{POLL_DISPLAY}

<!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
      <div class="post {postrow.hidden.ROW_COUNT}" style="background:var(--fond-blocs);">
         <p style="text-align:center;">{postrow.hidden.MESSAGE}</p>
      </div>
   <!-- END hidden -->
   <!-- BEGIN displayed -->
      <div id="p{postrow.displayed.U_POST_ID}" class="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="postprofile" id="profile{postrow.displayed.U_POST_ID}" style="background:var(--couleur-tertiaire)">
            <dl>
               <dt>
                  <div class="postprofile-avatar">
                     {postrow.displayed.POSTER_AVATAR}
                  </div>
                  <div class="postprofile-name">
                     {postrow.displayed.POSTER_NAME}
                  </div>
                  <div class="postprofile-rank">
                     {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                     <div {postrow.displayed.AWARDS_SHOW} class="dd_award {postrow.displayed.PROFILE_POSITION}">
                                {postrow.displayed.AWARDS}
                     </div>
                     <div class="award_more"></div>
                  </div>
               </dt>
               <dd class="postprofile-contact">
                  {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="blog-title" style="background:var(--couleur-tertiaire);margin-top:0;height:30px;">
               <h2>{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}" name="{postrow.displayed.U_POST_ID}" style="color:var(--fond-blocs)!important;size:12px;font-family: 'Crimson Text', serif;">{postrow.displayed.POST_SUBJECT}</a></h2>
                                    </div>
         <div class="postbody" style="background:var(--fond-blocs);min-height:190px;border:none;">
                          <div class="menu-wrap">
               <div class="post-menu">+</div>
               <ul class="profile-icons" style="position:absolute;width:100%;margin-top:-30px;margin-left:550px;">
                  <li class="btn-quote" hover="background:none">
                  <a href="{postrow.displayed.QUOTE_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">citer</a>
               </li>
               <li class="btn-edit">
                  <a href="{postrow.displayed.EDIT_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">éditer</a>
               </li>
               <li class="btn-delete">
                  <a href="{postrow.displayed.DELETE_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">supprimer</a>
               </li>
                  </ul>
                            <!-- BEGIN switch_likes_active -->
         <div class="fa_like_div" style="position:absolute;margin-left:550px;margin-top:-68px;">
            <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}" style="background:var(--fond-blocs);color:var(--couleur-texte)">
                                  <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}" style="background:var(--fond-blocs);color:var(--couleur-texte)">
               <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>       
                                      <div class="content" style="margin-top:50px;margin-left:auto;text-align:center; color:var(--couleur-texte);">
               {postrow.displayed.MESSAGE}
               <!-- BEGIN switch_attachments -->
               <div class="clear"></div>
               <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="" loading="lazy" />
                        </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>
            </div>
         </div>
   <!-- END displayed -->
<!-- END postrow -->
<!-- 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 comment -->
      <!-- BEGIN hidden -->
         <div class="comment {comment.hidden.ROW_COUNT}">
            <p style="text-align:center">{comment.hidden.MESSAGE}</p>
         </div>
      <!-- END hidden -->
      <!-- BEGIN displayed -->
         <div id="p{comment.displayed.U_POST_ID}" class="comment post--{comment.displayed.U_POST_ID}"{comment.displayed.THANK_BGCOLOR} style="{comment.displayed.DISPLAYABLE_STATE}">
            <div class="comment-avatar" style="margin-left:200px;">
               {comment.displayed.POSTER_AVATAR}
            </div>

            <div class="comment-body" style="width:40%;margin-left:auto;margin-right:auto;text-align:justify;background:var(--fond-blocs);color:var(--couleur-texte)!important;">
               <div class="h3" id="profile{comment.displayed.U_POST_ID}" style="background:var(--couleur-degrade2);">
                                          <div class="menu-wrap">
                                          <div class="post-menu">+</div>
               <ul class="profile-icons" style="position:absolute;width:100%;margin-top:50px;margin-left:200px;">
                  <li class="btn-quote" hover="background:none">
                  <a href="{comment.displayed.QUOTE_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">citer</a>
               </li>
               <li class="btn-edit">
                  <a href="{comment.displayed.EDIT_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">éditer</a>
               </li>
               <li class="btn-delete">
                  <a href="{comment.displayed.DELETE_URL}" style="border:none;box-shadow:none;color:var(--couleur-tertiaire);font-family: 'Crimson Text', serif;">supprimer</a>
               </li>
                  </ul>
                                          </div>
                  <!-- BEGIN switch_likes_active -->
                  <div class="fa_like_div" style="position:absolute;margin-left:200px;width:auto;display:in-line;margin-top:-20px;">
                     <button class="rep-button {comment.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{comment.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{comment.displayed.switch_likes_active.U_VOTE_RM_LIKE}" style="background:var(--fond-blocs);color:var(--couleur-texte)">
                        <span> {comment.displayed.switch_likes_active.L_LIKE}</span>{comment.displayed.switch_likes_active.COUNT_VOTE_LIKE}
                     </button>
                     <!-- BEGIN switch_dislike_button -->
                     <button class="rep-button {comment.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{comment.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{comment.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}" style="background:var(--fond-blocs);color:var(--couleur-texte)">
                        <span> {comment.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{comment.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
                     </button>
                     <!-- END switch_dislike_button -->
                     <!-- BEGIN switch_like_list -->
                     {comment.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                     <!-- END switch_like_list -->
                     <!-- BEGIN switch_dislike_list -->
                     {comment.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                     <!-- END switch_dislike_list -->
                  </div>
                  <!-- END switch_likes_active -->
                  <div class="comment-info">
                     <span class="comment-time" style="color:var(--fond-blocs)!important;line-height:20px;"><i class="ion-clock"></i>{comment.displayed.POST_DATE_NEW}</span><div class="comment-author" style="position:relative;margin-left:0;"><i class="ion-ios-person"></i>{comment.displayed.POSTER_NAME}</div>

                     </div>
               </div>
                                  <div class="content" style="margin-top:30px;padding:20px;border:1px solid var(--couleur-tertiaire);border-radius:10px;color:var(--couleur-texte)!important;background:var(--fond-blocs);">
               <div class="content clearfix" style="color:var(--couleur-texte)!important">
                                          {comment.displayed.MESSAGE}
                  <!-- BEGIN switch_attachments -->
                  <div class="clear"></div>
                  <dl class="attachbox">
                     <dt>{comment.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd class="attachments">
                        <!-- BEGIN switch_post_attachments -->
                        <dl class="file clearfix">
               <dt>
                              <img src="{comment.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
                           </dt>
                           <dd>
                              <!-- BEGIN switch_dl_att -->
                              <span><a class="postlink" href="{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}</span>
                              <!-- END switch_dl_att -->

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

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

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

                  <span>({comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {comment.displayed.switch_attachments.switch_post_attachments.NB_DL}</span>
               </dd>
                        </dl>
                        <!-- END switch_post_attachments -->
                     </dd>
                  </dl>
                  <!-- END switch_attachments -->
                  </div>
                                  </div>
            </div>
         </div>
      <!-- END displayed -->
   <!-- END comment -->

   <!-- BEGIN no_comment -->
      <div class="module">
            <p style="text-align:center">{no_comment.L_NO_COMMENT}</p>
      </div>
   <!-- END no_comment -->
</div>


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

<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" style="background:var(--couleur-degrade2);color:var(--fond-blocs)!important;height:30px;border-radius:6px;padding:2px 10px;">{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" style="background:var(--couleur-degrade2);color:var(--fond-blocs)!important;height:30px;border-radius:6px;padding:2px 10px;">{L_POST_REPLY_TOPIC}</a>
      <!-- END switch_user_authreply -->

      <!-- BEGIN switch_user_authnoreply -->
         <a href="{U_LOGIN_REPLY_TOPIC}" title="{T_LOGIN_REPLY_TOPIC}" class="login-for button1">
            <img src="{I_LOGIN_REPLY_TOPIC}" alt="{T_LOGIN_REPLY_TOPIC}"/>
                          {L_LOGIN_REPLY_TOPIC}</a>
      <!-- END switch_user_authnoreply -->
             </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}" title="{promot_trafic.link.TITLE}" >
            <i class="ion-ios-chatbubble-outline"></i>{promot_trafic.link.TITLE}
         </a>
      </li>
      <!-- END link -->
   </ul>
</div>
<!-- END promot_trafic -->

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

<!-- 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" style="background:var(--fond-blocs);color:var(--couleur-texte)">
      <div class="h3" style="var(--couleur-texte)!important">{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 -->

<style>.btn-delete a:hover {
  background:none;
}

.btn-quote a:hover {
  background:none;
}

.btn-edit a:hover {
  background:none;
  }</style>

Le CSS est intégré dedans et le background à insérer serait "background:var(--fond-blocs)"

Merci à celui ou celle qui aura des meilleurs yeux que moi ;;

[Toryudo]

Bonjour !

Concernant la ligne avec les boutons d'édition, il s'agit du background de l'élément .row2 dans le cas du sujet https://dwell-test-forum.forumactif.com/t23-convo-avec-moi-meme
C'est votre structure du HTML et le CSS que vous avez écrit qui décident de ça, il suffira de changer la couleur de ce background pour changer la couleur de la ligne. Par contre, ça modifiera peut-être plus que ce que vous voulez !

Et pour la petite flèche, sa couleur correspond au border-color de .comment-body::before (les deux premières valeurs, il faut laisser les deux autres à transparent).

[Yunie16]

Bonjour !

J'ai réussi pour la partie du premier post, merci beaucoup !

Par contre pour le comment-body:before, il n'apparait pas dans le template donc je ne sais pas sur quelle valeur jouer ? J'ai tenté background et color mais ça ne bouge pas... Après ce n'est pas si grave, le plus important c'était le premier post, ici ça ne choque pas tellement je vais dire xD

[Toryudo]

Je vois que vous avez mis ceci dans un <style> quelque part :

Code:

.comment-body:before {color: var(--fond-blocs);}

Comme cette propriété a l'air de fonctionner (même si elle ne fait rien, je la vois, elle est valide), vous pouvez juste la remplacer par :

Code:

.comment-body:before {border-color: var(--fond-blocs) var(--fond-blocs) transparent transparent;}

Sinon, il faudra passer par la feuille de style CSS directement, parce qu'en effet, je ne pense pas qu'on puisse mettre cette information directement dans une balise !

[Yunie16]

Ah c'était la border, j'ai pas pensé à la tenter elle x.x
Ca fonctionne parfaitement du coup, merci beaucoup !