Rang image qui ne s'affiche pas

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Rang image qui ne s'affiche pas

Message par arya777 Mer 13 Mar 2019 - 13:52

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd’hui
Lien du forum : http://winh.forumactif.com/

Description du problème

Bonjour ! Je voulais ajouter une image à chaque rang du forum, une image transparente, mais la façon simple (ajouter le lien dans le panneau) ne marche pas.
J'ai essayé d'ajouter moi même le code sans aucun succès, le rang image ne s'affiche pas plus. J'avoue que je commence à me poser des questions. J'aimerais donc un peu d'aide pour que mon rang image s'affiche sur le profil dans un sujet et quand on clique sur le profil d'un membre.

Voici mes deux codes templates correspondants :

Code:
<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 = { };
    }
   
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
        }
    });
});

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>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>
         
      <td class="nav" valign="middle" width="100%">
        <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span>       
      </td>     
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
        <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
        <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></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> 
        <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
        <!-- END switch_fb_likebtn -->
       
        <span class="gensmall bold">
            <a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <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('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  ⊹ <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="justifpro"> <div class="fd1">      <center> <div class="rk">{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</div>  </center></div>
                   
                    <span class="postdetails poster-profile"><div class="fda">{postrow.displayed.POSTER_AVATAR}</div>
                            <br /> <br />
                                <div class="fd1"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a>
                                    <center><span class="pseudopro"><strong>{postrow.displayed.POSTER_NAME}</strong></span> </center></span>
                              </div>
                           
                           
                                      <br />
                            <div class="infopro">
                                 
                                  <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}
 
                                    {postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}    </div>
          <center> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.ONLINE_IMG} 
            <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}    <!-- END contact_field -->
                                </center> </span></div></td>
                                     
                                 
         
       
        <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}&nbsp; &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- 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:{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="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 class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                 <!-- BEGIN switch_dl_att -->
                                 <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}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {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}
                                 <!-- END switch_no_dl_att -->
                              </dt>

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

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

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

                     <div class="clear"></div>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="2" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint">&nbsp;</td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><div class="cattitle">&nbsp;{PROMOT_TRAFIC_TITLE}</div></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         »&nbsp;<a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <div class="cattitle">&nbsp;{L_FORUM_RULES}</div>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}:&nbsp;{S_JUMPBOX_SELECT}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span></td>

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall">&nbsp;</span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <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}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25"><h1 class="h_member"><span class="rk">{L_VIEWING_PROFILE}</span></h1></th>
   </tr>
   <tr>
      <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen"><span class="pseudopro">Vos informations</span></span></b>

          </td>
      <td class="catRight" width="60%" align="center"><b><span class="gen"><b><span class="gen"><span class="rk">{POSTER_RANK} {postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</span></span> <span class="pseudopro">{L_ABOUT_USER}</span></span></b></td>
   </tr>
   <tr>
      
      <td class="row1" rowspan="3" valign="top">
         <table width="120%" border="0" cellspacing="1" cellpadding="0">
         
      
         <!-- BEGIN profile_field -->
         <tr id="field_id{profile_field.ID}">
            <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen"><span class="label2">{profile_field.LABEL} </span> </span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br />
                               
            </td>
         </tr>
         <!-- END profile_field -->
         </table>
      </td><td class="row1" align="center" valign="top" >
         <table width="100%" border="0" cellspacing="1" cellpadding="0" height="440px">
            <tr>
               
                                  <td  nowrap="nowrap"  width="50%"><div style="padding-left:115px;">
                                    <center><b><span class="gen">{AVATAR_IMG}</span></b>
                                      <br /> 
                                      </center>
                                    <b><span class="gen">{USER_ONLINE}</span></b> <br />
                                      <span class="gen">{L_LAST_VISITED}:  </span>
            <b><span class="gen">{LAST_VISIT_TIME}</span></b><br />
                                        <span class="gen">{L_PRIVATE_MSG}:  </span>
            <b><span class="gen">{PRIVATE_MSG}</span></b><br />
         </div></td>
            </tr>
                           
         
         
            
                                  <tr>  <td  nowrap="nowrap"  width="50%"><br /><div style="padding-left:115px;"><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br /><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
                 - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
                                    - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a><span/><br /><br />
                                   
                                    <strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td></tr>
                                   
                                       <tr>
      <td class="catLeft" align="center" height="28"><br /><br /><br /><b><span class="gen"><span class="pseudopro">{L_CONTACT} {USERNAME}</span></span></b></td>
   </tr>
   <tr>
      <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN contact_field -->
            <tr id="field_id{contact_field.ID}">
               <td width="40%" align="right" valign="middle" nowrap="nowrap">{contact_field.LABEL}  </td>
               <td width="40%" valign="middle"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
            </tr>
            <!-- END contact_field -->
            <!-- BEGIN switch_admin_user_comment_active -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap" width="50%">
                  <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
               </td>
               <td class="row1" valign="middle">
                  <table align="center">
                     <tr>
                        <td>
                           {ADMIN_USER_COMMENT}
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
            <!-- END switch_admin_user_comment_active -->
         </table>
      </td>
   </tr>
   <!-- BEGIN switch_rpg -->
   <tr>
      <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="6">
         {RPG_IMAGE}<br /><br />
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
               </td>
               <td width="100%" valign="middle" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields_left -->
         </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
               </td>
               <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields -->
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
   <!-- END switch_rpg -->
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par *Splash* Mer 13 Mar 2019 - 15:01

Hi,
Étrange que par le PA cette image ne s'affiche pas
As-tu le Lien de cette image ?
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Mer 13 Mar 2019 - 15:06

avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par *Splash* Mer 13 Mar 2019 - 15:14

Il n'y a aucun problème à afficher cette image de rang en passant par le PA

Rang image qui ne s'affiche pas  Rang10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Mer 13 Mar 2019 - 15:54

Il y en a bien un puisque ça ne s'affiche pas x)
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Rang image qui ne s'affiche pas

Message par *Splash* Mer 13 Mar 2019 - 16:37

arya777 a écrit:Il y en a bien un puisque ça ne s'affiche pas x)
Le problème vient de tes templates
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Invité Mer 13 Mar 2019 - 16:46

Hello arya777 et Fred  Wink ,

as tu un lien ou tu as déposé cette image pour un rang spécifique car à l'heure actuelle,
je ne vois strictement sur ce message:
http://winh.forumactif.com/t487-pistes-de-rps-lies-aux-flashs-infos#2534

La variable gérant les images de profil étant bien présente:
Code:
{postrow.displayed.RANK_IMAGE}

Ici:
Code:
<div class="rk">{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</div>

Et lorsque je vais sur les messages de ton forum, je ne vois aucune image de rang dans cette class"rk"  !!!!!!!!!!!!

Le rang est celui-ci:
Q. résidentiel

Il faut voir de ton côté pour la mise en place de l'image concernée.

La procédure:

Rang image qui ne s'affiche pas  1192

J'ai inséré les templates concernés avec tes modifications et tout fonctionne.


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Mer 13 Mar 2019 - 21:14


La class rk n'est pas une image c'est un ensemble de style pour le rang. Bah justement je sais pas plus pourquoi ça ne fonctionne pas du coup xD Tu veux que je mette tous mes template modifié au pire ?
Ya un conflit à un endroit j'ignore où. J'ai fait comme tu as montré dès le départ ^^
Je ne l'ai mis pour le moment que sur quartier résidentiel oui.

EDIT : Les images sont pas apparues. Les voici https://imgur.com/a/pb6Mrfb

Voici mon css au cas ou
Code:
/* LES BASES */

a:hover {text-decoration: none !important}
tr.post span.gensmall{display: none;}


.test
{
    width: 455px !important;
  display:block;
  margin-right:1px;
   margin-top:-7px;
    margin-left:1px;
     background-color:  #;
  padding:2px;
}


a.topictitle:link,visited {
text-decoration: none !important
font-family: Dosis, sans-serif;
  font-weight:bold;
  font-size:15px;
}

.DeBug td.row1 { background : none; }

body {
   background-repeat: no-repeat;
    background-attachment: fixed;
  }

#fa_toolbar ul#notif_list{
  padding:2px;
    background-color: #c3d4d0!important;

  overflow:auto !important;
  height:200px !important;
  color: # !important;
  text-decoration: none;
  }


/* selection code */

.selectCode {
  padding-left:175px;
  text-transform: uppercase;
    font-family:Arial;
  font-size:14px;
      font-weight: normal;
  cursor:pointer; }

div.cont_code { clear: right; }

  .code { width: 425px;
   background-color:  #ffffff;
border:none;
margin-right:60px;
  color:#;
}

.code div.cont_code{ width: 425px;
  color:#;
margin-right:50px;}

.quote  { width: 450px;
   background-color:  #ffffff;
  border-left: none;
    border-right: none;
 

  padding:10px;
margin:auto;}


/* BANN QUI COLLE AU FO */

.cattitle {
  color: #;
}

input.liteoption {
  background-color: #;
}
  

input.mainoption {
  background-color: #;
}
  
.postbody {
  font-size:12px;  
    text-align:justify;
  margin-left:15px;
    margin-right:15px;
}

span.fdv a  {
    border-bottom: solid #;
  }


a.title:link,visited {
text-decoration: none !important
font-family: Dosis, sans-serif;
  font-weight:bold;
text-shadow: 2px 1px 0px white;
  font-size:15px;

}

a, a:link, a:visited{
text-decoration: none;
    font-weight:bold;
}

a.ph:link, a:visited{
 color: #;
    text-decoration: none;
  font-weight:bold;
 
}


/* italique */

i,em {
 color: #6cb9cc;
    text-decoration: none;
  font-weight:bold;
 
}

hr{
color:#7c7081;
height: 2px;
 width: 50%;
  border: none;
}



/* LES SCROLLS DU FORUM */

/* SCROLLS pour l'index */

::-webkit-scrollbar {
  width: 10px; /*largeur de la scrollbar verticale*/
  height: 7px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
::-webkit-scrollbar-thumb {
    background-color:#d2bbe4;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:#;
}

/* SCROLLS pour cat*/

.txt::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.txt::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
.txt::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.txt::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:#;
}

/* SCROLLS pour codeee */

.code div.cont_code::-webkit-scrollbar {
 width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.code div.cont_code::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
.code div.cont_code::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.code div.cont_code::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:#;
}


/* SCROLLS pour profil */

.infopro::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.infopro::-webkit-scrollbar-track {

    background-color:  #162a2a;     background-color:  #ffffff; /*couleur du fond de la scrollbar*//*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
.infopro::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.infopro::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:  #ffffff; /*couleur du fond de la scrollbar*/
}


/* SCROLLS pour fi (prez) */

.fi::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.fi::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/
}

/*la petite bande qui monte/descend*/
.fi::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}



/* SCROLLS pour fi2 (prez) */

.fi2::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.fi2::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/
}

/*la petite bande qui monte/descend*/
.fi2::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}



/* SCROLLS pour fipac1 (pa) */



.fipac1::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.fipac1::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
.fipac1::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.fipac1::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:#;
}

/* SCROLLS pour fipac2 (pa) */



.fipac2::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color:#;
 }

.fipac2::-webkit-scrollbar-track {

    background-color:  #ffffff; /*couleur du fond de la scrollbar*/

}

/*la petite bande qui monte/descend*/
.fipac2::-webkit-scrollbar-thumb {
    background-color:#ede8f1;/*couleur de l'ascenseur*/
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;}

.fipac1::-webkit-scrollbar-track-piece:horizontal { /* Fond pour la barre du bas */
 border-right-width: 4px;
 border-bottom-width: 8px;
    background-color:#;
}

-------
/* BARRE DE menu */

.navig {
width: 100%;
height: 25px;
  }


a.mainmenu
{
    color:#bac7dc;
text-align:center;
    letter-spacing: 2px;
  font-size: 12px;
  text-transform:uppercase;
font-family: Dosis, sans-serif;
  font-weight:bold;
}

a:hover .mainmenu  {
   color: #b2afc5;
}

a.mainmenu[href^="/calendar"], a.mainmenu[href^="/faq"]{
  display: none;
}
/* selection code */

.selectCode {
padding-left:175px;
cursor:pointer;
  font-family:Arial;
  font-size:14px;
      font-weight: normal;
  letter-spacing: -1px;
  text-transform:uppercase;
}


/* FORUMLINK */

a.forumlink:link, a.forumlink:visited {
    color: #bbbff3;
    font-family: Dosis, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0;
    text-shadow: 5px 1px 7px 1px 1px 1px;
    text-transform: uppercase;
  padding-top:-20px;
    transition: all 1s;
}

a.forumlink:hover {
    color: #8EB2C2;
}

/* CATEGORIES */

cat{
 color: #9f88b7;
/*font-family: 'Noto Serif', serif;*/
  font-family: cookie;
font-size:50px;
  display:block;
    font-weight: 400;
}


.vavad img {
    align: center;
    border: solid #add29a;
    height: 87px;
    margin-top: -28px;
     margin-left:5px;
    width: 55px;
}

.dsp {
   background-color:  #ffffff;
    /*border-bottom: 3px solid  #77a1b3;*/
/*    border-left: 5px solid #b79ba8;*/
    /*border-top: 3px solid #abccda;*/
    color: #6f6f6f
    display: block;
    height: 88px;
 
    padding: 10px;
    text-align: justify;
    width: 470px;
}

.txt {
   height: 60px;
    overflow: auto;
}

.dsp2 {
   background-color:  #ffffff;
    /*border-bottom: 3px solid  #77a1b3;*/
    /*border-right: 5px solid #b79ba8;*/
 /*   border-top: 3px solid #abccda;*/
    display: block;
    height: 88px;

    padding: 10px;
    text-align: justify;
    width: 275px;
}
.nol img {
    border: solid #add29a;
    margin-top: -10px;
  width:60px;
}


span.ms {
    display: block;
    font-family: Dosis, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 15px;
    letter-spacing: 2px;
    padding: 3px;
    text-transform: uppercase;
}

/* avatar pour la liste des sujets */

.lastpost-avatar{
  width:27px;
    height:43px;
}

.lastpost-avatar img{
  width:27px;
    height:43px;
      border: solid #bfa1d8;
}

.lastp
{
  width:125px;}
 
  
  
/* liste sujet */

topictitle {
text-decoration: none !important;
  font-family: 'Parisienne', cursive;
}


/* MISE EN PAGE MEP */

/* gros titre */
  .n3{
    letter-spacing:3px;
  font-size: 20px;
 color: #fff;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;

}

  n3{
    letter-spacing:3px;
  font-size: 20px;
 color: #a0b2d4
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;
}


  span.n3{
  width: 475px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
    background-color:  #b0c7e2;
 /*background-color:  #1b1b17;*/
}

n{/*titres*/
  letter-spacing: 2px;
  font-size: 15px;
 margin-top:-5px;
  color: #cca4e4;
  /*color: #676048;*/
    text-transform:uppercase;

font-family: Dosis, sans-serif;
  font-weight:600;

}

.n{/*titres*/
  letter-spacing: 2px;
  font-size: 15px;
 margin-top:-5px;
  color: #cca4e4;
  /*color: #676048;*/
    text-transform:uppercase;

font-family: Dosis, sans-serif;
  font-weight:600;

}


/* gros titre sans fond */
  n5{
      letter-spacing:3px;
  font-size: 22px;
 color: #9c70a1;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;

}

  npa{
      letter-spacing:3px;
  font-size: 24px;
              color: #9c70a1;
padding-bottom:2px;
  font-weight:bold;
font-family: 'Playball', cursive;
  line-height:15px;
}

.st{
  letter-spacing: 4px;
  font-size: 13px;
  color: #819bb9;
    text-transform:uppercase;
font-family: 'Barlow Condensed', sans-serif;
}

st{
  letter-spacing: 4px;
  font-size: 13px;
  color: #819bb9;
  font-weight:bold;
    text-transform:uppercase;
font-family: 'Barlow Condensed', sans-serif;
}

stpa{
  letter-spacing: 4px;
  font-size: 15px;
  color: #819bb9;
  font-weight:bold;
  text-transform:lowercase;
font-family: 'Barlow Condensed', sans-serif;
}



/* pour le sujet groupes annexe*/




/*winner*/
  .ng{
    letter-spacing:3px;
  font-size: 20px;
 color: #ffffff;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;
}
  span.ng{
  width: 475px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
    background-color:  #f1c67b;
 /*background-color:  #1b1b17;*/
}



/* maybe*/

 .nf{
    letter-spacing:3px;
  font-size: 20px;
 color: #ffffff;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;
}


 span.nf{
  width: 475px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
    background-color:  #9ee2a3;
 /*background-color:  #1b1b17;*/
}





/*dont care */

 .nb{
    letter-spacing:3px;
  font-size: 20px;
 color: #ffffff;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;
}


 span.nb{
  width: 475px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
    background-color:  #c73d3d;
 /*background-color:  #1b1b17;*/
}


/*never*/

 .na{
    letter-spacing:3px;
  font-size: 20px;
 color: #ffffff;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;
}


 span.na{
  width: 475px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
    background-color:  #c1dad5;
 /*background-color:  #1b1b17;*/
}


/* partie gde image */

.pi{
    background-color:   #fff;
  width:450px;
  padding:12px;
 }

/* fond mep */

.phff{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 480px;
  padding:10px;
    background-color:   #d1e6d7;
  /*background-color:  #213e19; */
  



  }

/*pour la fiche de prez avatar  info joueur */

.avaprez{
  width:200px;
  height:320px;
   margin-top:-322px ;
  transition:all 1s;
  opacity:0;
    background-color:   #1f3b3b;

}
.avaprez:hover {
  opacity:0.9;
  transition:all 1s;

  
}
.infoprez {
  text-align:center;
  font-size:10px;
  padding:5px;
  padding: 0px 2px 0px 2px;
}

/*partie texte */

.ph{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 465px !important;
  padding:5px;
 background-color:  #fff;
color:#;

  }


/*partie infos*/

.fi{
     /*  background-color:  #7c8c78;*/
  font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
height:320px;
  width:200px;
  overflow:auto;
  padding:5px;
    padding-left:3px;
color:#;

}

  .fi2{

  font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
     /*  background-color:  #7c8c78;*/
height:110px;
  width:226px;
  overflow:auto;
  padding:5px;
color:#;
  }



  fi3{

  font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
     /*  background-color:  #7c8c78;*/
  height:86px;
  width:146px;
  overflow:auto;
  padding:5px;
color:#;
  }




/* PROFIL */

* le profil quand on clique sur un membre */

.field_uneditable img {opacity: 0.8;
  max-width: 185px;

}
.field_uneditable {
text-align:justify;
}


/* avatar */
.fda{  
    text-align:center;
padding-bottom: 18px;
  /*    border-top: 4px solid  #54585e;  */
  padding-right: 10px;
  background-color:  #ffffff;
      width:190px;

    height:292px;
}

/* qui entoure rang */

.fd1{  font-size: 11px;
    text-align:justify;
  font-family: arial;
    max-width: 195px;
  height:30px;
    margin-bottom:7px;
  padding: 3px;
  background-color:  #ffffff;
}

/* qui entoure pseudo */

.fd2{  font-size: 11px;
    text-align:justify;
  font-family: arial;
    max-width: 200px;
  height:30px;
  margin-top:-10px;
  padding: 3px;
  background-color:  #ffffff;
}


.infopro {  
    /*  info du prodil */
  font-size: 10px;
    text-align:justify;
  color:#;
  font-family: arial;
  padding-right:5px;
    padding-left:5px;
  padding-top:5px;
  background-color:  #ffffff;
width: 190px;
    margin-top:-5px;
  margin-bottom:10px;
  height:185px;
  overflow:auto;
}



.pseudopro{
font-family: 'Orbitron', sans-serif;
font-size: 11px;
  text-transform:uppercase;
 padding-top: 5x;
  letter-spacing:2px;
}

span.pseudopro{
 padding: 3px;
margin-top: 5px;
  margin-bottom: 2px;
   width: 185px;
      display: block;
}

div.rk{
  background-color:  #;
    padding: 3px;
margin-top: 2px;
  margin-bottom: 2px;
   width: 195px;
      display: block;
}


.rk
{   font-family: 'Orbitron', sans-serif;
font-size: 11px;
  text-transform:uppercase;
  font-weight:bold;
  letter-spacing:2px;
   padding-top: 5x;
}



 /* champs de profil */
.label{  
  font-size: 9px;
  font-weight:bold;
    text-transform:uppercase;

}

 /* champs de profil pour le prof simple */
.label2{  
  font-size: 11px;
  text-transform: uppercase;
 
  font-family: Dosis, sans-serif;
}

.infopro img {opacity: 0.8;
  max-width: 185px;
}

/* fond du profil simple */
.fd {  background-color:  #E8E8E8;}

/*GIF PROFIL*/

.postdetails.poster-profile img { /* image gif  */
text-align: center;
  margin-left: auto;
  margin-right: auto;
padding-left: auto;
padding-right: auto;
 max-width: 189px;

}
.postdetails.poster-profile img:hover {  /* image gif quand on passe dessus */
opacity: 0.8;

}
.ms {
    color:#8eb2c2;
    display: block;
    font-family: Dosis, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -0;
    margin-bottom: 8px;
    margin-left: 4px;
    margin-top: -10px;
    text-shadow: 5px 1px 7px 1px 1px 1px;
    text-transform: uppercase;
}

/* PAGE ACC */


.backpa {
width:765px;
  background-color:  #ece9e8;
    border-bottom: 3px solid  #b79ba8;

    border-top: 3px solid #b79ba8;
 
  
  padding-bottom: 15px;
}

/* bloc  pa */

.fipac1{
 font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
width: 310px;
height: 320px;
  overflow:auto;
  padding:10px;

  }

.fipac2{
 font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
/*width: 360px;*/
/*height: 110px;*/
  overflow:auto;
  padding:10px;

  }

 /* le staff */

.avastaff {
  width:144px;
  height:44px;
  background-repeat: no-repeat;
  transition:all 1s;
  opacity:1;
  background-color:  #;
  margin:-44px 0px 0px 0px;
}
.avastaff:hover {
  opacity:0.9;
  transition:all 1s;

  
}
.infostaff {
  text-align:center;
  font-size:10px;
  padding:2px;
  color:#fff;
}
.infostaff a:hover {
  color:#fff;
}



/* les votes */

.boxv1 {
  letter-spacing: 2px;
  font-size: 11px;
    display:block;
    margin-left: -2px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
    padding:2px;
    width:103px;
    text-align:center;
   background-color:  #ffffff;
}

a.boxv3 {  color:#c3a7c4;
}

a.boxv2 { color:#c3a7c4;
}

a.boxv4 {  color:#c3a7c4;
}

.boxv2 {
  letter-spacing: 2px;
  font-size: 11px;
    display:block;
    margin-left: -2px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
   font-weight:bold;
    height:15px;
    padding:2px;
    width:98px;
    text-align:center;
   border-right: solid 3px #;  
   background-color:  #ffffff;
 color:#c3a7c4;
}

.boxv3 {
  letter-spacing: 2px;
  font-size: 11px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
     display:block;
    margin-right: -2px;
    padding:2px;
    width:166px;
    text-align:center;
color:#343945;
   border-right: solid 3px #;  
   background-color:  #ffffff;
}


.boxv4 {
  letter-spacing: 2px;
  font-size: 11px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
     display:block;
    margin-right: -2px;
    padding:2px;
    width:200px;
    text-align:center;
color:#343945;
   border-right: solid 3px #;  
   background-color:  #ffffff;
}


.box1 {
  letter-spacing: 2px;
  font-size: 11px;
    display:block;
    margin-left: -2px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
    padding:2px;
    width:103px;
    text-align:center;
   background-color:  #ffffff;
}

.box2 {
  letter-spacing: 2px;
  font-size: 11px;
    display:block;
    margin-left: -2px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
    padding:2px;
    width:98px;
    text-align:center;
   border-right: solid 3px #;  
   background-color:  #ffffff;
}

.box3 {
  letter-spacing: 2px;
  font-size: 11px;
  text-transform:uppercase;
  font-family: Dosis, sans-serif;
 color:#c3a7c4;
   font-weight:bold;
    height:15px;
     display:block;
    margin-right: -2px;
    padding:2px;
    width:166px;
    text-align:center;

   border-right: solid 3px #;  
   background-color:  #ffffff;
}



/*QEEL*/
.tableauqeel {
text-align:justify;
padding-left: 20px;
padding-right: 20px;  
font-family:tahoma;
      display:block;
}

  
  /*bord image qeel*/
  .op2{  
border:1px solid #A6A6A6;
  padding:3px;
  margin:2px;

  
}
  
  
.heures{
  background : transparent;
   border: transparent;
}

.nq{
  text-align:left;
 color: #77a1b3;
    font-family: Dosis, sans-serif;
font-size:18px;
    text-transform:uppercase;
    font-weight:bold;

}

th.nq{     background-color: #fff8f6;
}



/* bloc 1 qeeel */
.blc{  
   background-color:  #ECE9E8;
font-size:11px;
line-height:13px;
text-align:justify;
  padding:8px;
}

/* bloc int qeeel */
.bli{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  padding:10px;

  background-color:   #fff8f6;
}


.groupes {
font-family: 'Dosis', sans-serif;
font-size: 20px;
font-style: none;
font-weight: 700;
letter-spacing: 3px;
padding: 4px;
text-transform: uppercase;
}

/* groupes */

.gp1{color:#f1c67b;} /* winner*/
.gp2{color:#9ee2a3;} /* maybe */
.gp3{color:#c73d3d;} /* dontcare  */
.gp4{color:#c1dad5;} /* never*/




/* image du bouton mentionner */
.sceditor-button-mention div { background-image:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) !important }
 
/* menu déroulant du bouton mentionner */
#fa-mention {
  background:url(https://i.servimg.com/u/f19/18/21/60/73/scemen10.png) no-repeat 3px 50% #FFF;
  padding-left:22px;
}

.sceditor-button.deux:after {content: "\f1fa";}


/*cacher bouton editeur*/
.sceditor-button-source{ display: none !important; }


/*colorpicker*/

 .colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(https://i.servimg.com/u/f83/17/45/19/77/light11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}

.colorpicker.dark{
background: url(https://i.servimg.com/u/f83/17/45/19/77/dark11.png);
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(https://i.servimg.com/u/f83/17/45/19/77/custom11.png) top;
left: 212px;
top: 142px;
}
.colorpicker.dark .colorpicker_hex {
background: url(https://i.servimg.com/u/f83/17/45/19/77/colorp11.png) top;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom12.png);
top: 52px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_r{
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp12.png);
}
.colorpicker_rgb_g {
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom13.png);
top: 82px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_g {
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp13.png);
}
.colorpicker_rgb_b {
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/custom14.png);
top: 112px;
left: 212px;
}
.colorpicker.dark .colorpicker_rgb_b {
background-image: url(https://i.servimg.com/u/f83/17/45/19/77/colorp14.png);
}
.colorpicker_hsb_h, .colorpicker_hsb_s, .colorpicker_hsb_b {
display: none;
}
.colorpicker_submit {
position: absolute;
background: url("https://i.servimg.com/u/f83/17/45/19/77/accept10.png") no-repeat;
cursor: pointer;
right: 10px;
width: 48px;
height: 50px;
top: 118px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.colorpicker { z-index: 3; }

.sceditor-button.sceditor-button-youtube {
 display: none;
}
.sceditor-button.sceditor-button-headers {
 display: none;
}

/* reponse rapide */
#av_quickreply img
{
  min-width:50px;
  width:auto;
  width:150px;
  min-height:70px;
    max-height:300px;
  height:auto;
  left: 2px;
  position: relative;
  top: 15px;
padding: 5px;
  background-color:  #bfa1d8;
}

#av_quickreply {
    float: left;
    position : absolute;
}

 .sceditor-container textarea {
  color:#6D727A!important;
}

.sceditor-container, .sceditor-container div, div.sceditor-dropdown, div.sceditor-dropdown div
{
  border:none!important;  }

/*Diminution de la reponse rapide*/
#quick_reply .sceditor-container {width:595px !important;left:80px;min-height:250px !important;  color:#A6A6A6!important;  border:none!important;}

/*---  fond Groupe de boutons ---*/

body div.sceditor-toolbar{
  padding:3px;
    background-color:  # !important;
  color:#878484 !important;
  border:none!important;
  }

/*---  Groupe de boutons ---*/
 
div.sceditor-group {
  background-color:  #e8e8e8 !important;
}


/* signature lucca */

.mod {
width:70px;
height:70px;
background-size: cover;}

.bo {display:flex;}

.u{ text-transform:uppercase;position:relative; padding:5px;
display:table-cell;vertical-align:middle;
line-height:11px;font-family:'calibri';font-size:11px;
}

io {
 font-family: arial;
 font-size: 8px;
}

.txt1{width:99px; height: 80px; background:rgba(255,255,255,0.7);color:black;
  top: -50px; left:50px;text-align:center;font-family:courier;font-size:9px;}

/* pour signature 1 */

.phffs{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 375px;
  padding:10px;
    background-color:   #d1e6d7;

  }

/* pour signature 2 */

.phffs2{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 275px;
  padding:10px;
    background-color:   #d1e6d7;
  }

/* pour signature 1 */
.phs{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 363px !important;
  padding:5px;
 background-color:  #fff;


  }

/* pour signature 2 */
.phs2{
font-family: arial;
  font-size: 11px;
    line-height: 12px;
  letter-spacing: 1px;
  text-align: justify;
  width: 263px !important;
  padding:5px;
 background-color:  #fff;
  }


/* pour signature */
  .ns{
      letter-spacing:3px;
  font-size: 17px;
 color: #a24220;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
  font-family: Orbitron;

}

  span.ns{
  width: 375px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
 background-color:  #fff;
}


/* pour signature 2 */
  .ns2{
      letter-spacing:3px;
 color: #a24220;
  font-size: 17px;
padding-bottom:2px;
  font-weight:bold;
text-transform:uppercase;
font-family: 'Dosis', sans-serif;

}

  span.ns2{
  width: 275px !important;
  display:block;
  padding-bottom:2px;
  line-height:16px;
      padding-top:7px;
 background-color:  #fff;
}

/* toolbar */
#fa_toolbar {background-color: transparent !important;margin-top:-25px;}
#fa_right {margin-top: 25px;}
a#fa_service {margin-top: 25px;}
/*#fa_search {margin-top:25px;background-color:#000;}*/
div#fa_search {display:none!important;}
/* virer la partie partager*/
span#fa_share {display:none!important;}
ul#fa_menulist img{
    padding:3px;
    background-color: #F9FAF9 !important;
}

/* AFFICHAGE DU PROFIL */
.PFIL {
margin:auto; width:800px; font-family:Arial;
}
/* BLOC ADMINISTRATION & DERNIERE VISITE PROFIL */
.lstPFIL {
margin-bottom:15px;
padding:2px 5px;
font-size:10px; text-transform:uppercase; text-align:right;  
background:#ffffff;; color:#7E8C8C; /* MODIFIABLE */
}
/* ADMINISTRATION PROFIL */
.adminPFIL {
float:left; margin-top:1px;
font-size:9px; text-align:left; text-transform:uppercase;
color:#7e8c8c; /* MODIFIABLE */
opacity:0.7;
}
/* LIENS ADMINISTRATION PROFIL */
.adminPFIL a {
color:#7e8c8c; /* MODIFIABLE */
}
/* INTITULE DERNIERE VISITE PROFIL */
.lstPFIL span {
font-weight:bold; color:#7E8C8C; /* MODIFIABLE */
}
/* BLOC AVATAR PROFIL */
#avPFIL {
display:inline-block; vertical-align:top; margin-right:15px;
width:200px; padding:10px;
background:#ffffff; /* MODIFIABLE */
}
/* AVATAR PROFIL */
.avPFIL {
margin-bottom:10px;
width:200px; height:320px; overflow:hidden;
}
/* SUJETS UTILISATEUR PROFIL */
.sbjPFIL {
display:inline-block; vertical-align:middle; margin-right:10px;
width:73px; height:21px; padding:7px 10px 0;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
background:#e4e3e3; color:#7E8C8C; !important; /* MODIFIABLE */
}
/* MESSAGES UTILISATEUR PROFIL */
.msgPFIL {
display:inline-block; vertical-align:middle;
width:73px; height:21px; padding:7px 10px 0;
text-transform:uppercase; text-align:center; font-size:10px; line-height:15px;
background:#e4e3e3; color:#7E8C8C; !important; /* MODIFIABLE */
}
/* PSEUDONYME & INFORMATIONS PROFIL */
.boxPFIL {
display:inline-block; vertical-align:top;
}
/* BLOC PSEUDONYME PROFIL */
.namePFIL {
margin-bottom:10px;
height:30px; padding:20px;
text-transform:uppercase; text-align:center; font-size:20px; line-height:30px;
background:#ffffff; /* MODIFIABLE */
}
/* TRIANGLE PSEUDONYME PROFIL */
.namePFIL::before {
content:''; float:left; margin-left:-35px; margin-top:3px;
width:0; height:0; border-style:solid; border-width:12.5px 15px 12.5px 0; border-color:transparent;
border-right-color:#4A4A4A; /* MODIFIABLE */
}
/* PSEUDONYME PROFIL */
.namePFIL span strong {
#7e8c8c /* MODIFIABLE */
}
/* BLOC INFORMATIONS PROFIL */
.abtPFIL {
margin-top:15px;
width:541px; height:275px; padding:10px; overflow-y:auto;
 font-size:11px;
background:#ffffff; color:#7E8C8C; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS PROFIL */
.abtPFIL div span {
font-weight:bold; text-transform:uppercase; color:#7E8C8C; /* MODIFIABLE */
}
/* INFORMATIONS PROFIL */
.abtPFIL div {
padding:2px 0;
}
.abtPFIL .field_uneditable {
display:inline-block;
}
/* BLOC IMAGES CONTACT PROFIL */
#ktactPFIL {
margin-top:15px;
padding:10px 5px 10px 0; text-align:right;
background:#ffffff;; /* MODIFIABLE */
}
/* IMAGES CONTACT PROFIL */
.ktactPFIL {
display:inline-block; vertical-align:middle; margin:0 5px;
max-height:25px; overflow:hidden;
}
.ktactPFIL img {
margin:auto; max-height:25px;
}
/* FEUILLE DE PERSONNAGE PROFIL */
.boxRPG {
margin-top:10px;
width:780px; padding:10px;
  background:#DEDEDE; /* MODIFIABLE */
}
/* CONTENU FEUILLE DE PERSONNAGE PROFIL */
.boxRPG span {
text-transform:uppercase; font-size:10px; color:#7E8C8C;; /* MODIFIABLE */
}
.boxRPG div:nth-of-type(1) br {
display:none;
}
/* MODERATION PROFIL */
.ajax-profil_edit {
position:absolute; z-index:15; margin-top:4px; margin-left:7px;
}
.ajax-profil_edit img{
width:7px;
}


/* FOND LISTE DES MEMBRES */

.bgLMBER {
background-color:#dfe2f5; /* MODIFIABLE */
line-height:16px;
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
background:#d2d1d1; color:white; /* MODIFIABLE */
}
#LMBER {
width:690px; margin:auto;
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:220px; height:150px; font-family:Arial;
background:hsl(181, 5%, 93%); /* MODIFIABLE */
}
/* BLOC PSEUDONYME */
.nameLMBER {
margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
text-align:right; text-transform:uppercase; font-size:10px;
background:#eaeaea; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtLMBER {
display:inline-block; vertical-align:top;
width:105px;
}
/* INFORMATIONS */
.abtLMBER div {
margin-bottom:5px;
height:15px; padding:5px 0; overflow:hidden; font-size:10px;
background:#ffffff;; color:#7E8C8C; /* MODIFIABLE */
}
.abtLMBER div:nth-of-type(3) {
font-size:9px; text-transform:uppercase;
}
.abtLMBER div:nth-of-type(4) {
font-size:9px; line-height:16px;
}
/* AVATAR / IMAGES MP & WWW */
.imgLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:100px; height:115px; overflow:hidden;
}
/* AVATAR */
.avaLMBER {
position:relative; z-index:3; margin-top:-115px;
width:100px; height:115px; overflow:hidden;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.avaLMBER img {
width:100px;
}
.imgLMBER:hover .avaLMBER {
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* IMAGES MP & WWW */
.btnLMBER {
width:100px; height:115px; overflow:hidden;
text-align:center; line-height:10px;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
transform:translateX(-100px); -webkit-transform:translateX(-100px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.btnLMBER img {
max-width:80px;
}
.imgLMBER:hover .btnLMBER {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:680px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:#7E8C8C; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:25px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:#7E8C8C;/* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par *Splash* Mer 13 Mar 2019 - 23:10

Le template correspondant c'est le viewtopic_body et dans ce template la partie qui gère le rang est celle-ci :
Code:
<div class="postprofile-rank">
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>
{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE} C'est le rang texte et image

Et voici maintenant le template d'origine, sans modification, de la version phpBB2 :
Code:
<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>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>
 <td class="nav" valign="middle" width="100%">
 <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
 </td>
 <td align="right" valign="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
                <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>
 <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->
 
 <span class="gensmall bold">
 <a class="addthis_button" href="#">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  |
 <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('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title">
 <h1 class="cattitle"> {TOPIC_TITLE}</h1>
 </td>
 <td align="right" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
                        <!-- END switch_isconnect -->
                        <a href="#bottom">{L_GOTO_DOWN}</a>
                    </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
 </tr>
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
 <span class="postdetails poster-profile">
 {postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
 <!-- BEGIN profile_field -->
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />
 <img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 </td>
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
 </td>
 </tr>
 <tr>
 <td colspan="2" class="hr">
 <hr />
 </td>
 </tr>
 <tr>
 <td colspan="2">
 <!-- 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:{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="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 class="postbody">

 <div>{postrow.displayed.MESSAGE}</div>

 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <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}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {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}
 <!-- END switch_no_dl_att -->
 </dt>

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

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

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

 <div class="clear"></div>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->

 </div>
 <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
 <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
 </td>
 <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
 <table border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle">
 {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a>
                    </td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row2 postbody" valign="top">
 <!-- BEGIN link -->
 » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <div class="cattitle"> {L_FORUM_RULES}</div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row1 clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <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}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Invité Jeu 14 Mar 2019 - 4:12

Hello Fred,


*Splash* a écrit:
Le template correspondant c'est le viewtopic_body et dans ce template la partie qui gère le rang est celle-ci :
Code:

<div class="postprofile-rank">
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>

hum, tu t’emmêles les crayons là , ou as tu étais chercher cette class Laughing ?

arya777 a écrit:La class rk n'est pas une image c'est un ensemble de style pour le rang.

Non mais elle reçoit les rangs et les images si nécessaire.

Par contre quand je vais de nouveau sur le même message, les class ont changée:
http://winh.forumactif.com/t487-pistes-de-rps-lies-aux-flashs-infos#2534

Code:
<div class="fd2">{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</div>

Cela à l'air fonctionnel, juste sur cette class:
Code:

.infopro

changer le :
Code:
margin-top: -5px;
en :
Code:
margin-top: 15px;



Cela permettra de ne pas coller les informations du membre au rang Wink

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Rang image qui ne s'affiche pas

Message par *Splash* Jeu 14 Mar 2019 - 6:59

Milouze14 a écrit:Hello Fred,


*Splash* a écrit:
Le template correspondant c'est le viewtopic_body et dans ce template la partie qui gère le rang est celle-ci :
Code:

<div class="postprofile-rank">
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </div>

hum, tu t’emmêles les crayons là , ou as tu étais chercher cette class  Laughing  ?
Hum... effectivement, cela n'a rien à voir
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Jeu 14 Mar 2019 - 20:29

Bonjour Milouze et merci !

Alors j'ai testé et du coup ça se met au dessus et ça vire le pseudo en dessous (mais au moins ça s'affichait). C'était un test que j'ai fait hier pour voir si ça changeait quelque chose si je le déplaçais dans les templates.
Mon but étant de le mettre ainsi : https://i.imgur.com/tBwo07L.png + https://i.imgur.com/EbSy6Od.gif
Donc pas au dessus (ce qui fait pas esthétique) mais devant le texte.
Si ce n'est pas possible tant pis je le ferais en image x)

Et je comprends pas ce qui empêche qu'il s'affiche dans le profil simple ici https://i.imgur.com/EbSy6Od.gif (il n'y est pas hein j'ai juste ajouté pour montrer)
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Invité Ven 15 Mar 2019 - 4:07

Hello arya777,

alors, ajoutes ce style qui devrait résoudre le placement de l'image sur les messages.
Code:
div.rk
{
height: 34px; 
line-height:34px;
}

div.rk img
{
    position: absolute;
    width: 36px;
    height: 34px;
    margin-left: -170px;
}

Par contre, il faut impérativement que toutes les images aient ces dimensions:
36px par 34px.

Pour le profil simple, tout fonctionne sur mon fofo de test et je vois bien l'image du rang.

Ce qui m'étonne, et l'apparence de la page que tu mentionnes:

Rang image qui ne s'affiche pas  EbSy6Od


Je n'ai pas cet affichage de mon côté Rolling Eyes .




a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Ven 15 Mar 2019 - 15:47

Tu as modifié avec le template correspondant au profil simple ?
Et qu'est ce qui n'apparaît pas ?
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Invité Ven 15 Mar 2019 - 16:08

Re,
Tu as modifié avec le template correspondant au profil simple ?

Oui bien sûre Razz .

Et qu'est ce qui n'apparaît pas ?

L'image que tu mentionnes( je n'ai pas la même apparence):


Rang image qui ne s'affiche pas  EbSy6Od


a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par arya777 Ven 15 Mar 2019 - 18:37

Ah mais c'est un montage ça pour montrer ^^
Ca ne s'affiche pas du tout sur le profil simple chez moi.
avatar

arya777
Nouveau membre

Messages : 17
Inscrit(e) le : 01/04/2014

http://winh.forumactif.com/
arya777 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Invité Sam 16 Mar 2019 - 11:34

Hello arya777,

arya777 a écrit:
Ca ne s'affiche pas du tout sur le profil simple chez moi.

hum, tu n'aurais pas le profil avancé d'activé car je ne vois pas pourquoi
l'icône s'afficherait sur mon fofo de test et pas le tien!!!!

Utilisateurs et groupes/Profil/Options générales/Options générales du profil
Activer le profil avancé :

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Chacha Jeu 21 Mar 2019 - 9:42

Rang image qui ne s'affiche pas  UmaslZ4Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rang image qui ne s'affiche pas

Message par Chacha Ven 22 Mar 2019 - 9:31

Rang image qui ne s'affiche pas  8djze9qBonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est archivé afin de ne pas perdre les réponses apportées.
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum