Couleur du texte dans l'édition du profil

[Yunie16]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Re-bonjour !

Afin d'uniformiser l'affichage de l'éditeur du profil, je cherche l'endroit dans le template où je pourrais toucher à la couleur des champs dans la partie centrale montrée sur la capture d'écran. Tout le reste du profil est mis comme je le souhaite, avec une couleur qui vire au blanc en dark mode, mais pas ces champs-là...

Il y a aussi les intitulés des champs "masculin/féminin/ne pas afficher" qui n'a pas bouger, mais probablement parce que ce n'est ni un label, input ou quoi ? Je ne sais pas comment s'appelle ce genre de champ donc je n'ai pas pu y toucher x.x

(au moment de faire la capture d'écran les zones de textes changeaient de couleur quand on cliquait, je voulais vous interroger dessus, mais j'ai finalement réglé ça avec un petit "!important" tout à la fin du code donc tout va bien à ce niveau)

Voilà mon template profile_add_body :

Code:

<script type="text/javascript" src="{JSPWD}"></script>
<!-- BEGIN switch_display_menu -->
{UCP_TABS}
<!-- END switch_display_menu -->

{ERROR_BOX}

<div class="panel row3" style="background:var(--fond-blocs)">
   <div class="inner">
      <span class="corners-top"><span></span></span>

      <div id="cp-main" class="ucp-main">
         <form action="{S_PROFILE_ACTION}" {S_FORM_ENCTYPE} method="post" name="post" id="ucp">
         <!-- BEGIN switch_informations_menu -->
                          <div class="titre-categories"><h2>・✫・{L_REGISTRATION_INFO}・✫・</h2></div>
            <div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)">
               <div class="inner"><span class="corners-top"><span></span></span>

               <p>{L_ITEMS_REQUIRED}</p>
               <fieldset>
               <!-- BEGIN switch_namechange_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_USERNAME} : *</label></dt>
                  <dd><input type="text" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="username" value="{USERNAME}" class="inputbox" maxlength="25" /></dd>
               </dl>
               <!-- END switch_namechange_allowed -->
               <!-- BEGIN switch_emailchange_disallowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_EMAIL_ADDRESS} : *</label></dt>
                  <dd><input type="hidden" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="email" value="{EMAIL}" />
                     {EMAIL}
                     {L_INVALID_EMAIL}
                  </dd>
               </dl>
               <!-- END switch_emailchange_disallowed -->
               <!-- BEGIN switch_emailchange_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_EMAIL_ADDRESS} : *</label></dt>
                  <dd><input type="email" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="email" value="{EMAIL}" class="inputbox" />
                     {L_INVALID_EMAIL}
                  </dd>
               </dl>
               <!-- END switch_emailchange_allowed -->

               <!-- BEGIN switch_change_password -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_CHANGE_PASSWORD} : *</label></dt>
                  <dd>
                     <a href="{LINK_FOR_PASSWD_CHANGE}" target="_blank"><b>&lt;&nbsp;{L_MODIFY}&nbsp;&gt;</b></a>
                  </dd>
               </dl>
               <!-- END switch_change_password -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- BEGIN switch_span_div -->
            <!-- END switch_span_div -->

            <!-- BEGIN switch_profile_fields -->
                          <div class="titre-categories"><h2>・✫・{switch_informations_menu.switch_profile_fields.L_PROFILE_FIELDS}・✫・</h2></div>
            <div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)!important;">
               <div class="inner"><span class="corners-top"><span></span></span>
               <fieldset>
                  <!-- BEGIN field -->
                  <dl>
                                                  <dt><label style="color:var(--couleur-texte)!important">{switch_informations_menu.switch_profile_fields.field.NAME}</label></dt>
                     <dd>
                        {switch_informations_menu.switch_profile_fields.field.OBJECT}<br />
                        <span class="italic">{switch_informations_menu.switch_profile_fields.field.DESCRIPTION}</span>
                     </dd>
                  </dl>
                  <!-- END field -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_profile_fields -->

            <!-- BEGIN switch_profile_fields_register -->
            <div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)!important">
               <div class="inner"><span class="corners-top"><span></span></span>
               <fieldset>
               <!-- BEGIN field -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)!important">{switch_informations_menu.switch_profile_fields_register.field.NAME} :</label></dt>
                  <dd>{switch_informations_menu.switch_profile_fields_register.field.OBJECT}<br /><br /></dd>
               </dl>
               <!-- END field -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_profile_fields_register -->

                          <div class="titre-categories"><h2>・✫・{switch_informations_menu.RGPD_ACTION_TITLE}・✫・</h2></div>
            <!-- BEGIN rgpd_generate_or_download -->
            <div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)!important;">
               <div class="inner"><span class="corners-top"><span></span></span>
                  <fieldset>
                     <dl>
                        <dt><label style="color:var(--couleur-texte)!important;">{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_LABEL} :</label></dt>
                        <dd>
                           <a style="color:var(--couleur-texte)!important;" href="{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_LINK}" class="button1" style="background: var(--couleur-degrade2);color: var(--fond-blocs)!important;text-decoration: none;padding: 2px 10px;display: inline-block;margin-bottom:15px; box-shadow: none !important;border-radius: 6px;font-size:14px;padding:10px;">{switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_CONTENT}</a>
                           <br /><br />
                                    {switch_informations_menu.rgpd_generate_or_download.RGPD_ACTION_EXPLAIN}
                        </dd>
                     </dl>
                  </fieldset>
                  <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END rgpd_generate_or_download -->
            <!-- BEGIN rgpd_await_export -->
            <div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)">
               <div class="inner"><span class="corners-top"><span></span></span>
                  <fieldset>
                     <p>{switch_informations_menu.rgpd_await_export.RGPD_AWAIT_EXPORT}</p>
                  </fieldset>
                  <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END rgpd_await_export -->
            <!-- END switch_informations_menu -->


<!-- BEGIN switch_confirm_password -->
                          <div class="titre-categories"><h2>・✫・{L_REGISTRATION_INFO}・✫・</h2></div>
<div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset>
<dl>
        <dt><label style="color:var(--couleur-texte)">{L_CURRENT_PASSWORD}&nbsp;: *</label></dt>
        <dd><input style="color:var(--couleur-texte)" type="password" name="cur_password" value="{CUR_PASSWORD}" class="inputbox" /></dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_confirm_password -->
<!-- BEGIN switch_confirm_password_new -->
<div class="panel" style="background:var(--fond-blocs); color:var(--couleur-texte)">
<div class="inner"><span class="corners-top"><span></span></span>
<fieldset>
<dl>
        <dt><label style="color:var(--couleur-texte)">{L_NEW_PASSWORD}&nbsp;: *</label></dt>
        <dd><input type="password" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="new_password" value="{NEW_PASSWORD}" class="inputbox" maxlength="25" /></dd>
</dl>
<dl>
        <dt><label style="color:var(--couleur-texte)">{L_CONFIRM_PASSWORD}&nbsp;: *</label></dt>
        <dd>
         <input type="password" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="password_confirm" value="{PASSWORD_CONFIRM}" class="inputbox" maxlength="25" />
         <input type="hidden" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="change_password" value="change_password" />
      </dd>
</dl>
</fieldset>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END switch_confirm_password_new -->


            <!-- BEGIN switch_preferences_menu -->
                          <div class="titre-categories"><h2>・✫・{L_PREFERENCES}・✫・</h2></div>
            <div class="panel" style="background:var(--fond-blocs)">
               <div class="inner"><span class="corners-top"><span></span></span>

               <fieldset>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_PUBLIC_VIEW_EMAIL} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="viewemail" value="2" {VIEW_EMAIL_FORM} />{L_YES}</label>
                     <!-- BEGIN switch_enable_mail_view --><label><input type="radio" name="viewemail" value="2" {VIEW_EMAIL_FORM} />{L_FORM}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="viewemail" value="1" {VIEW_EMAIL_MAILTO} />{L_MAILTO}</label>
                     <!-- END switch_enable_mail_view --><label><input type="radio" name="viewemail" value="0" {VIEW_EMAIL_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- BEGIN switch_view_pm -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_PUBLIC_VIEW_MP}&nbsp;:</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="view_pm" value="1" {VIEW_MP_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="view_pm" value="0" {VIEW_MP_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_view_pm -->
               <!-- BEGIN switch_profile_advanced -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_profile_advanced.L_ALLOW_PROFILE_MSGS} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="profilemsgs" value="2" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_ALL} />{L_ALL_USERS}</label> &nbsp;
                     <label style="color:var(--couleur-texte)"><input type="radio" name="profilemsgs" value="1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_FRIENDS} />{L_MY_FRIENDS}</label> &nbsp;
                     <label style="color:var(--couleur-texte)"><input type="radio" name="profilemsgs" value="0" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_NONE} />{L_NO_ONE}</label> &nbsp;
                     <label style="color:var(--couleur-texte)"><input type="radio" name="profilemsgs" value="-1" {switch_preferences_menu.switch_profile_advanced.PROFILE_MSGS_HIDE} />{L_HIDE_TAB}</label>
                  </dd>
               </dl>
               <!-- END switch_profile_advanced -->
               <!-- BEGIN switch_fb_connect -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_fb_connect.L_FB_LINK_ACCOUNT} :</label></dt>
                  <dd>
                     <!-- BEGIN switch_fb_account_linked -->
                     <span class="italic" style="color:var(--couleur-texte)">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_FB_ACCOUNT_LINKED}</span>
                     <!-- END switch_fb_account_linked -->

                     <!-- BEGIN switch_fb_account_not_linked -->
                            <div class="fb-login-button" style="color:var(--couleur-texte)" onlogin="facebook_link">{switch_preferences_menu.switch_fb_connect.switch_fb_account_not_linked.L_FB_LOGIN_BUTTON}</div>
                     <!-- END switch_fb_account_not_linked -->
                  </dd>
               </dl>
               <!-- BEGIN switch_fb_account_linked -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_fb_connect.switch_fb_account_linked.L_UNLINK_FB_ACCOUNT_EXPLAIN} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="unlink_fb_account" value="1" />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="unlink_fb_account" value="0" checked="checked" />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_fb_account_linked -->
               <!-- END switch_fb_connect -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_NEWSLETTER_ACCEPT} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="newsletter" value="1" {NEWSLETTER_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="newsletter" value="0" {NEWSLETTER_NO} />{L_NO}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_NEWSLETTER_ACCEPT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN display_newsletter_auto -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_NEWSLETTER_AUTO_ACCEPT} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="newsletter_auto" value="1" {NEWSLETTER_AUTO_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="newsletter_auto" value="0" {NEWSLETTER_AUTO_NO} />{L_NO}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_NEWSLETTER_AUTO_ACCEPT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END display_newsletter_auto -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_HIDE_USER} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="hideonline" value="1" {HIDE_USER_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="hideonline" value="0" {HIDE_USER_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_NOTIFY_ON_REPLY} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="notifyreply" value="1" {NOTIFY_REPLY_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="notifyreply" value="0" {NOTIFY_REPLY_NO} />{L_NO}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_NOTIFY_ON_REPLY_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN switch_can_disable_mass_pm -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_ENABLE_MASS_PM} : </label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allow_mass_pm" value="4" {ALLOW_MASS_PM_NOTIFY_CHECKED} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allow_mass_pm" value="2" {ALLOW_MASS_PM_CHECKED} />{L_NO}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allow_mass_pm" value="0" {DISABLE_MASS_PM_CHECKED} />{L_NO_MASS_PM}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_ENABLE_MASS_PM_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_can_disable_mass_pm -->
               <!-- BEGIN switch_notify_subscriptions -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_NOTIFY_SUBSCRIPTIONS} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="notify_subscriptions" value="1" {NOTIFY_SUBSCRIPTIONS_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="notify_subscriptions" value="0" {NOTIFY_SUBSCRIPTIONS_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_notify_subscriptions -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_POPUP_ON_PRIVMSG} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="popup_pm" value="1" {POPUP_PM_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="popup_pm" value="0" {POPUP_PM_NO} />{L_NO}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_POPUP_ON_PRIVMSG_EXPLAIN}</span>
                  </dd>
               </dl>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_NOTIFY_POST_PREVENT} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="post_prevent" value="1" {POST_PREVENT_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="post_prevent" value="0" {POST_PREVENT_NO} />{L_NO}</label>
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_NOTIFY_POST_PREVENT_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- BEGIN switch_report -->
               <dl>
                     <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_report.L_NO_REPORT_POPUP} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="no_report_popup" value="0" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="no_report_popup" value="1" {switch_preferences_menu.switch_report.NO_REPORT_POPUP_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_report -->
               <!-- BEGIN switch_signature -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_signature.L_ALWAYS_ADD_SIGNATURE} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="attachsig" value="1" {switch_preferences_menu.switch_signature.ALWAYS_ADD_SIGNATURE_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="attachsig" value="0" {switch_preferences_menu.switch_signature.ALWAYS_ADD_SIGNATURE_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_signature -->
               <!-- BEGIN switch_bbcode_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_bbcode_allowed.L_ALWAYS_ALLOW_BBCODE} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowbbcode" value="1" {switch_preferences_menu.switch_bbcode_allowed.ALWAYS_ALLOW_BBCODE_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowbbcode" value="0" {switch_preferences_menu.switch_bbcode_allowed.ALWAYS_ALLOW_BBCODE_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_bbcode_allowed -->
               <!-- BEGIN switch_html_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_html_allowed.L_ALWAYS_ALLOW_HTML} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowhtml" value="1" {switch_preferences_menu.switch_html_allowed.ALWAYS_ALLOW_HTML_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowhtml" value="0" {switch_preferences_menu.switch_html_allowed.ALWAYS_ALLOW_HTML_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_html_allowed -->
               <!-- BEGIN switch_smilies_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{switch_preferences_menu.switch_smilies_allowed.L_ALWAYS_ALLOW_SMILIES} :</label></dt>
                  <dd>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowsmilies" value="1" {switch_preferences_menu.switch_smilies_allowed.ALWAYS_ALLOW_SMILIES_YES} />{L_YES}</label>
                     <label style="color:var(--couleur-texte)"><input type="radio" name="allowsmilies" value="0" {switch_preferences_menu.switch_smilies_allowed.ALWAYS_ALLOW_SMILIES_NO} />{L_NO}</label>
                  </dd>
               </dl>
               <!-- END switch_smilies_allowed -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_BOARD_LANGUAGE} :</label></dt>
                  <dd>{LANGUAGE_SELECT}</dd>
               </dl>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_TIMEZONE} :</label></dt>
                  <dd>{TIMEZONE_SELECT}</dd>
               </dl>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_DATE_FORMAT} :</label></dt>
                  <dd>{DATE_FORMAT}
                     <br /><span style="color:var(--couleur-texte)" class="italic">{CURRENT_TIME}</span>
                  </dd>
               </dl>
               </fieldset>

               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_preferences_menu -->

            <!-- BEGIN switch_avatar_block -->
                          <div class="titre-categories"><h2>・✫・{L_AVATAR_PANEL}・✫・</h2></div>
            <div class="panel" style="background:var(--fond-blocs)">
               <div class="inner"><span class="corners-top"><span></span></span>

               <fieldset>
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_AVATAR_EXPLAIN}</label></dt>
                  <dd>
                     {L_CURRENT_IMAGE}
                     <br />{AVATAR}
                     <br /><input style="color:var(--couleur-texte)" type="checkbox" name="avatardel" />{L_DELETE_AVATAR}
                  </dd>
               </dl>

               <!-- BEGIN switch_avatar_local_upload -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_UPLOAD_AVATAR_FILE} :</label></dt>
                  <dd><input type="file" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="avatar" class="inputbox" /></dd>
               </dl>
               <!-- END switch_avatar_local_upload -->
               <!-- BEGIN switch_avatar_remote_upload -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_UPLOAD_AVATAR_URL} :</label></dt>
                  <dd><input type="text" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="avatarurl" class="inputbox" />
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_UPLOAD_AVATAR_URL_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_avatar_remote_upload -->
               <!-- BEGIN switch_avatar_remote_link -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_LINK_REMOTE_AVATAR} :</label></dt>
                  <dd><input type="text" style="border:1px solid var(--couleur-tertiaire);border-radius:6px;padding-left:5px;color:var(--couleur-texte)" name="avatarremoteurl" class="inputbox" />
                     <br /><span style="color:var(--couleur-texte)" class="italic">{L_LINK_REMOTE_AVATAR_EXPLAIN}</span>
                  </dd>
               </dl>
               <!-- END switch_avatar_remote_link -->
               <!-- BEGIN switch_avatar_local_gallery -->
               <dl>
                  <dt><label style="color:var(--couleur-texte)">{L_AVATAR_GALLERY} :</label></dt>
                  <dd><input type="submit" style="background: var(--couleur-degrade2); color: var(--white)!important;text-decoration: none;padding: 2px 10px;display: inline-block;margin-bottom:15px; box-shadow: none !important;border-radius: 6px;font-size:14px;padding:10px;" name="avatargallery" value="{L_SHOW_GALLERY}" class="button1" /></dd>
               </dl>
               <!-- END switch_avatar_local_gallery -->
               </fieldset>
               <span class="corners-bottom"><span></span></span></div>
            </div>
            <!-- END switch_avatar_block -->

            <fieldset class="submit-buttons">
               {S_HIDDEN_FIELDS}
               <input class="button1" style="background: var(--couleur-degrade2);color: var(--fond-blocs)!important;text-decoration: none;padding: 2px 10px;display: inline-block;margin-bottom:15px; box-shadow: none !important;border-radius: 6px;font-size:14px;padding:10px;" type="submit" name="submit" value="{L_SUBMIT}" />&nbsp;
               <input class="button2" style="background: var(--couleur-degrade2);color: var(--fond-blocs)!important;text-decoration: none;padding: 2px 10px;display: inline-block;margin-bottom:15px; box-shadow: none !important;border-radius: 6px;font-size:14px;padding:10px;" type="reset" name="reset" value="{L_RESET}" />
            </fieldset>
         </form>
      </div>
      <div class="clear"></div>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>
<script type="text/javascript">
$(function(){
    $('input[name=reset]').click(function(){
        $("#pwd_good,#pwd_middle,#pwd_bad").hide();
    });
    $('input[name=new_password],input[name=username]').keyup(function() {
        if ( $('input[name=new_password]').val() != "" )
        {
            var level = passwordStrength($('input[name=new_password]').val(),$('input[name=username]').val());
        switch(level)
        {
            case 'bad' :
                $("#pwd_middle,#pwd_good").hide();
                $("#pwd_bad").show();
                break;
            case 'good' :
                $("#pwd_good,#pwd_bad").hide();
                $("#pwd_middle").show();
                break;
            case 'strong' :
                $("#pwd_middle,#pwd_bad").hide();
                $("#pwd_good").show();
                break;
            }
        }
        else
        {
            $("#pwd_middle,#pwd_good,#pwd_bad").hide();
        }
    });
});

$(document).ready(function() {
   var contact_fields = document.querySelectorAll("[id*='profile_field_3_'],[id^='profile_field_3_']");
   for (var i = 0; i < contact_fields.length; i++) {
      contact_fields[i].addEventListener('focusout', validateField, false);
   }
});
</script>
 
  <style>.panel input, .panel textarea, .panel select{  border:1px solid var(--couleur-tertiaire);  border-radius:6px;  padding-left:5px;color:var(--couleur-texte)!important;}</style>

Merci d'avance

[Toryudo]

Bonjour !

Les champs "masculin/féminin/ne pas afficher" sont bien des <label>, peut-être pas les mêmes que les autres labels par contre ; ceux-là sont à cibler avec dd label

Pour les intitulés à gauche, le placement des couleurs est bon, tout parait correct.
Est-ce que vous pouvez vérifier si vous avez associé une couleur à ces champs ?
Point 2.1) du tuto sur la gestion des champs de profil https://forum.forumactif.com/t226019-gestion-des-champs-de-profil : on peut associer une couleur aux champs, couleur qui sera encore plus prioritaire que ce que vous avez mis dans le Template. Si c'est ça, vous pouvez juste enlever les couleurs dans le panneau d'administration et ça devrait être bon !

[Yunie16]

Bonjour !

Merci pour la réponse, c'était bien ça ! Je vais aller enlever toutes ces vilaines indésirables du coup xD

Merciii !