[PHPBB2] Comment adapter Messenger avec des templates modifiés

Hello Miss,
ah vi ,les scripts déposés en libre service sont toujours prévus
sur des templates non modifiés.

Il me faut les templates suivants pour commencer.
index_box
topics_list_box
viewtopic_body

C'est vraiment rapide pour avoir de l'aide ici je suis impressionné! :D
Merci pour le temps que tu nous accordes <3

index_box

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td>
 <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </td>
 </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categories_miss">
 <div class="titre_categorie">
                            {catrow.tablehead.L_FORUM}

  
 </div>
 <!-- END tablehead -->

 <!-- BEGIN cathead -->
 <!-- END cathead -->
 
 <!-- BEGIN forumrow -->
 <div class="forum_content">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
                                          {catrow.forumrow.FORUM_NAME}
                                  </a>
             <div class="forum_desc">
                                          {catrow.forumrow.FORUM_DESC}
                                  </div>
 <div class="new_nonew">  
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                                  </div>
                
                                           <div class="dernier_message">
                   <span id="last">{catrow.forumrow.LAST_POST}</span>
                                  </div>
  <div class="forum_stats">
                                          <div>
                                                  <span>
                                                          {catrow.forumrow.TOPICS}
                                                  </span>
                                                  Sujets
                                          </div>
                                    
                                          <div>
                                                  <span>
                                                          {catrow.forumrow.POSTS}
                                                  </span>
                                                  Messages
                                          </div>
                                  </div>
  <div class="img_dernier_posteur">
                                                  <!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar -->
                                          </div>
 <div class="forum_liens" id="subforums">
                      {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
  </div>
</div>
 
<!-- END forumrow -->
 <!-- BEGIN catfoot -->
 <!-- END catfoot -->

 <!-- BEGIN tablefoot -->
<!-- END tablefoot --><!-- END catrow -->
                <link href="https://fonts.googleapis.com/css?family=Cabin|Roboto" rel="stylesheet">
 

topics_list_box

Code:

<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->

<div class="liste_sujet">
   <div class="titre_liste_sujet">
           {topics_list_box.row.L_TITLE}
   </div>
  
  <!-- END header_table --><!-- BEGIN header_row --><!-- END header_row -->

<!-- BEGIN topic -->
<div class="contenu_liste_sujet">
   <!-- BEGIN single_selection -->
 <div class="box_sujets">
           <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
   </div>
 <!-- END single_selection -->
        
   <img class="statut_sujet" title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
  <div class="ALSBJ">{topics_list_box.row.ICON}</div><br/>
   <div class="sujets_liste">
           <h2 class="topic-title">
 <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
 </h2>
          <a class="user"> Posté par {topics_list_box.row.TOPIC_AUTHOR}<br /></a>
                <div class="description_liste_sujet">
                       <!-- BEGIN switch_description -->
 {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
 <!-- END switch_description -->
                </div>
           <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
   </div>
  
   <div class="dernier_message_sujet">
           {topics_list_box.row.REPLIES} messages
          
           <div class="dernier_mess_sujet">
                   {topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}
           </div>
   </div>
  
   <div class="clear"></div>
</div>

{topics_list_box.row.END_TABLE_STICKY}
  
  
<!-- BEGIN multi_selection --><!-- END multi_selection -->
 <!-- END topic --><!-- BEGIN no_topics --><!-- END no_topics --><!-- BEGIN bottom --></div>
 <span class="gensmall">{PAGINATION}</span><a href="#top">{L_BACK_TO_TOP}</a>
<!-- END bottom --><!-- BEGIN footer_table -->
<!-- END footer_table --><!-- BEGIN spacer --><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

viewtopic_body

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>

<div class="nouveau_repondre">
   <!-- 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 -->
</div>

<div class="fil_ariane">
   <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}

<table class="forumline sujet_mise_en_forme" width="100%" border="0" cellspacing="0" cellpadding="0" >
 <tr align="right">
 <td colspan="2">
 <div class="titre_message_sujets">
                           {TOPIC_TITLE}
                   </div>
 </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}
 <!-- 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 width="220" class="profil_message" {postrow.displayed.THANK_BGCOLOR} valign="top">
 <div class="contenu_profil_message">
                           <div class="pseudo_message">
                   {postrow.displayed.POSTER_NAME}
                         </div>
                  
                   {postrow.displayed.POSTER_AVATAR}
                  
                   <div class="rang_message">
                         {postrow.displayed.POSTER_RANK}
                   </div>
                  
 <div class="postdetails poster-profile">
 <!-- 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>
                   </div>
 </td>
          
 <td class="contenu_message"{postrow.displayed.THANK_BGCOLOR} valign="top" width="550px" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr class="informations_message">
                                   <br />
 <td><span class="postdetails">Message posté le : {postrow.displayed.POST_DATE}</span></td>
 <td valign="top" nowrap="nowrap" class="post-options">
 {postrow.displayed.QUOTE_IMG}
                                                {postrow.displayed.EDIT_IMG}
                                                {postrow.displayed.DELETE_IMG}
 </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">
 {postrow.displayed.MESSAGE}

 <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>
                                   <td class="fond_profil_message">
                                          
                                   </td>
                                  
                                   <td class="contact_message">
                                     {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>            
 
   <tr class="separation_message">
   </tr>
 <!-- BEGIN first_post_br -->
</table>
<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 -->
</table>



<!-- BEGIN promot_trafic -->
<!-- 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 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>
 <!-- BEGIN show_permissions -->
 <!-- END show_permissions -->
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
   <div class="ligne_nouveau_pagination">
   <div class="nouveau_repondre_footer">
   <!-- 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 -->
 </div>
          
          
          
           <div class="clear">
           </div>
 </div>
  
   <div class="moderer">
           {S_AUTH_LIST}
   </div>
  
 <!-- BEGIN moderation_panel -->
 {moderation_panel.U_YOUR_PERSONAL_MODERATE}
 <!-- END moderation_panel -->

<!-- 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" style="text-align: center;"><br />{S_TOPIC_ADMIN}<br />
 </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>

Si tu y arrives et je ne doute pas le moins du monde de tes capacités :) Comment tu sais ce qui n'est pas "compatible"? (si c'est pas trop galère à expliqué) ^^

C'est vraiment rapide pour avoir de l'aide ici je suis impressionné! :D

J'essaye de faire le plus rapidement possible car je sais que c'est parfois barbant d'attendre....


Merci, alors pour les explications, lorsque nous développons ce genre de plugin (script), on se base sur les class natives, donc si tu les supprimes forcément derrière ça bug quelque peu.

Alors, dans les templates:
index_box (aucun soucis).
topics_list_box:(liste des sujets)
tu n'affiche pas les avatars dans ce dernier ,
donc tu auras des avatars par défaut sur "Messenger".

viewtopic_body

Recherches ceci:

Code:


{postrow.displayed.POSTER_AVATAR}


Supprimes et remplaces par:

Code:


  <div class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</div>


Je vais essayer de te filer le script complet dans le message suivant ou alors je te le joins via ton adresse email en bloc note.
Etant donné que le nombre de caractères est limité dans les messages,
je ne pourrais peut être pas te le fournir ici.
En espérant que ton adresse mail est valide.
Merci de ne pas la fournir ici.

Mon adresse email est valide normalement

Dans la liste des sujets comment on peut afficher les avatars du coup?
Comme pour les catégorie faut que je trouve la bonne balise et que je la place dans le template et le css au bon endroit?

Est ce avec le script que le problème pour le chargement de la page va re-fonctionner?

Désolé je pose beaucoup de questions, mais j'aime bien comprendre les choses et pas juste demander la solution ^^

As tu reçu mon mail?

Dans la liste des sujets comment on peut afficher les avatars du coup?

Il faudrait ta css complète s'il te plait.

Comme pour les catégorie faut que je trouve la bonne balise et que je la place dans le template et le css au bon endroit?

Sur mon fofo de tests, je ne rencontre pas de soucis.

Désormais, je verrais cela demain après tes réponses.

Oui j'ai bien reçu le mail et tout fonctionne très bien.

Message et avatar son visible maintenant! :)
Dans le scripte tu as trouver comment l'adapter c'est fou!

Je te donne au cas ou le CSS si besoin

Code:

.bodyline{
          border-right: #ededf0 0px solid;
          border-left: #ededf0 0px solid;
}
/************************flèche haut et bas********************************/
.haut{
        position:fixed;
        bottom:75px;
        right:50px;}
.haut img {
  width: 20px;
  height: 100px;
}
.bas{
        position:fixed;
        bottom:30px;
        right:70px;}
.bas img {
  width: 20px;
  height: 100px;
}
/*************modifier l'apparence des scrollbars de tout le forum********************/
 
/* Chrome, Safari */
::-webkit-scrollbar {
   width: 5px;
   height: 10px;
}
 
::-webkit-scrollbar-track-piece  {
   background-color: #e2d8be;
}
 
::-webkit-scrollbar-thumb:vertical {
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #872628;
}
 
::-webkit-scrollbar-thumb:horizontal{
   height: 30px;
        -webkit-border-radius: 10px;
   background-color: #872628;
}
/* -------------------------------- PA -------------------------------- */
/*Cadre global*/
.container{
    width:800px;
    height: 340px;
    background-color: #eae6da;
}

/*cadre name forum + navigation*/
.top{
    
    width: 800px;
    flex-direction: column;
    background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t12.png");
}

/*bloc news*/
.bloc-news{
    width: 235px;
    overflow: auto;
    text-align: justify;
    height: 140px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  left: 263px;
  top: -8px;
}

/*bloc vedette*/
.bloc-vedette{
    width: 235px;
    text-align: center;
    height: 110px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  left: 263px;
  top: 0px;
}

.vedette img {
    width: 50px;
    height: 50px;
    border-radius:100px 100px/100px 100px;
    border-color: #57312a;
    border-width:2px;
    border-style: solid;
}

/*bloc top*/
.bloc-top{
    width: 260px;
    height: 40px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  left: 0px;
  top: -120px;
    text-align: center;
    font-size: 20px;
}

/*bloc top patrenaire*/
.bloc-toppart{
    width: 260px;
    text-align: center;
    font-size: 9px;
    height: 55px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  left: 0px;
  top: -115px;
}
.toppart img {
    width: 60px;
    height: 20px;
  
}

/*bloc contexte*/
.bloc-contexte{
    width: 235px;
    overflow: auto;
    text-align: justify;
    height: 140px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  right: 265px;
  top: -393px;
}

/*bloc pv*/
.bloc-pv{
    width: 235px;
    text-align: center;
    font-size: 9px;
    height: 110px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  right: 265px;
  top: -385px;
}

.pv img {
    width: 35px;
    height: 35px;
    border-radius:100px 100px/100px 100px;
    border-color: #57312a;
    border-width:2px;
    border-style: solid;
}

/*bloc staff*/
.bloc-staff{
    width: 260px;
    overflow: auto;
    text-align: center;
    height: 140px;
    background-color: #fff;
    padding: 5px 5px 5px 5px;
  position:relative;
  left: 0px;
  top: -663px;
}
.staff img {
    width: 50px;
    height: 50px;
    border-radius:100px 100px/100px 100px;
    border-color: #57312a;
    border-width:2px;
    border-style: solid;
    text-align: center;
}
/* Info-bulle du staff */
 
a.infostaff span{
  display: none;  
}
 
a.infostaff:hover span{
  display: block;
  position: absolute;
  top: 90px;
  left: 5px;
  width: 250px;
  height: 40px;
  background-color: #d4d4d4;
  padding: 5px 5px 5px 5px;
  text-align: center;
  color: #872628;
  text-transform: uppercase;
  text-align: center;
  font-family: Roboto;
  font-size: 12px;
}

/*bienvenue*/
.name{
    font-size: 25px;
    font-family: Roboto;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    font-family: Ailerons;
    border-bottom: 1px solid #e2d8be;
    text-align: center;
    margin: 2px 2%
}

/*liens de navigation*/
.navigation{
    text-transform: uppercase;
    font-family: Roboto;
  color: #e2d8be;
}

.navigation a{
    margin-left:5px;
    margin-right:5px;
    font-size: 12px;
  color: #4c2e1b;
}

/*titre des blocs*/
.titre {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px #57312a solid;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 4px;
    margin: 2px 2%;
    color:#57312a;
    font-family: Ailerons;
}

/*News*/
.date{
    background: #57312a;
    color: #fff;
    font-weight: bold;
    margin:5px; /*retrait par rapport à la ligne*/
    font-size: 11px;
}

/************************ ICONE SUJET ***********************************/
/* ICÔNES SUJET */
.ALSBJ {
display:inline-block; vertical-align:middle;
}
.ALSBJ img:nth-of-type(1) {
margin-right:5px;
}
/********************************** REDIMENTION GIF **********************************/
.poster-profile img {max-width: 190px;}
/********************************************SELECTION AUTO ********************************************/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
/**************************************************** CB ************************************************************/
#chatbox_header, td.catBottom, #chatbox_header.main-head {
  background: #922828;
}
#chatbox_members {
  background: #eae6da;
}
#chatbox_members .member-title {
  background: #eae6da;
}
#chatbox {
  background: #fff;
}
#chatbox_messenger .catBottom, body.chatbox, #chatbox_footer {
  background: #eae6da;
}
#chatbox_footer #message {
  background: #fff;
}
/***couleur text***/
.chatbox a.cattitle, .chatbox-title, .chatbox-title a.chat-title {
  color: #fff!important;
}
.chatbox-options a, .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: #fff;
}
/***autre option***/
#chatbox_header .cattitle strong { display: none; }#chatbox_header .cattitle:before { content: "Salon de discution";}
/********************************************************* MESSAGE PROFIL *********************************************************/
a, a:hover {
    text-decoration: none !important;
    transform: all;
    transition: .5s;
}

.clear {
    clear: both;
}


/*************************************************** MISE EN FORME MESSAGES ***************************************************/

/* Boutons Nouveau et Repondre */
.nouveau_repondre {
    margin: 0 0 1% 0;
}

.nouveau_repondre img {
    margin-right: 2%;
}
/* FIL ARIANE */
.fil_ariane a {
        color: #4c2e1b;
        font-weight: normal;
        letter-spacing: 2px;
        font-size: 10px;
   font-family: 'Roboto', sans-serif;
        text-transform: uppercase;
}

.fil_ariane {
        width: 800px;
        margin: 1% auto;
        }

/* Titre sujet */
.titre_message_sujets {
    background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t11.png");
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 2%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-family: Ailerons;
}

/* Profil message */
.contenu_profil_message {
    min-height: 700px;
    color: #4c2e1b;
    font-family: 'Roboto', sans-serif;
}

.profil_message {
    background: #fff;
    padding: 2% 0;
    text-align: center;
}

.pseudo_message  a {
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 0;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
  }

.profil_message img {
    background: #fff;
    text-align: center;
    border: 1px solid #fff;
}

.rang_message {
    margin: 2% 0 5% 0;
    font-size: 13px;
    color: #fff;
    background: #b58157;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.postdetails.poster-profile {
    color: #4c2e1b;
    font-size: 11px;
    margin-left: 5%;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.postdetails {
    color: #4c2e1b;
    font-size: 9px;
    margin-left: 5%;
    text-transform: uppercase;
}

.post-options {
    padding-right: 2%;
}

.post-options img {
    margin: 0 2%;
}

.contenu_message {
    background: #eae6da;
}

.postbody {
    background: #eae6da;
    font-size: 13px;
    font-weight: 400;
    margin: 4% 0 2%;
    padding: 2% 5%;
    color: #4c2e1b;
}

/* Images bas messages */
.profile-icon img {
    margin: 0 2%;
}

/* Signature */
.signature_div {
    text-align: center;
    border-top: 0px solid #a66d13;
    margin-top: 5%;
}

/* Boutons Profil, MP, WWW etc. */
.boutons_message {
    background: #222;
}

/* Separation message */
.separation_message {
    height: 0px;
}

/* Ligne footer message */
.nouveau_repondre_footer {
    width: 100%;
    float: left;
    margin: 2% 0;
}

.nouveau_repondre_footer img {
    margin-right: 2%;
}

/* Bouton moderation */
.moderer {
    font-size: 0;
}

.moderer a {
    background: #a66d13;
    display: block;
    font-size: 13px;
    line-height: 3;
    margin: 2% auto auto;
    text-align: center;
    text-transform: uppercase;
    width: 30%;
    color: #ffdcc8 !important;
    font-family: roboto;
}

.moderer a:hover {
    color: #bd153c !important;
    background: #fff;
}

/* Fond boîte saisie de message */
.sceditor-container iframe, .sceditor-container textarea {
    color: #57312A !important;
}

/* Fond smileys */
#sceditor_smilies {
    background-color: #222222;
}

.forumline.sujet_mise_en_forme {
    border-bottom: 5px solid #e2d8be;
    width: 800px;
    margin: auto;
}
  
/* PAGINATION */
.row1.pagination {
    background: #e2d8be;
}

.row1.pagination a, .row1.pagination b {
    color: #4c2e1b !important;
}
  
/* BARRE CONTACT */
.contact_message, .fond_profil_message {
    background: #e2d8be;
}

/* FOOTER MESSAGE */
.ligne_nouveau_pagination {
    width: 800px;
    color: #4c2e1b;
    font-family: courier new;
    margin: auto;
}

.ligne_nouveau_pagination a {
    color: #4c2e1b !important;
}



/********************************************************* LISTE SUJETS *********************************************************/
a {
  text-decoration: none !important;
  transform: all;
  transition: .5s;
}

a:hover {
  text-decoration: none !important;
  color: #fff !important;  
  transform: all;
  transition: .5s;
}

.clear {
  clear: both;
}


/* Entête & Footer de la liste */
.nouveau_message, .repondre_message {
    display: inline-block;
    width: 20%;
    padding: 1%;
    text-align: center;
    color: #fff!important;
    text-transform: uppercase;
    margin: 2% 0;
}

.nouveau_message {
    background: #922828;
}

.repondre_message {
    background: #922828;
    margin-left: 2%;
}

.boutons_footer_sujets {
    text-align: center;
    font-family: Roboto;
    font-size: 11px;
  }
.boutons_footer_sujets a {
  color: #fff !important;
   }
  
.boutons_surveiller {
    background: #b58157;
    color: #fff;
    display: inline-block;
    margin: 1%;
    line-height: 3;
    text-align: center;
    text-transform: uppercase;
    width: 350px;
}

.boutons_surveiller a {
    color: #fff !important;
}

#moderer a {
    display: block;
    background: #b58157;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 4;
    width: 250px;
    font-size: 11px;
    margin: auto;
    text-align: center;
}

#moderer {
    font-size: 0;
}

/* Liste */

.liste_sujet {
    background: #eae6da;
    padding-top: 1%;
}

.titre_liste_sujet {
    background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t11.png");
    width: 800px;
    height: 40px;
    display: block;
    color: #fff;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    font-family: ailerons;
    margin-top: -10px;
}

.contenu_liste_sujet {
    width: 100%;
    margin: 1% 0;
}

.statut_sujet {
    float: left;
    margin-right: 2%;
}

.sujets_liste {
    float: left;
    width: 60%;
}

a.topictitle {
    color: #57312a!important;
    font-family: ailerons;
    text-transform: uppercase;
    font-size: 13px;
    margin-right: 1%;
}
a.user {
  font-size: 10px;
}
.description_liste_sujet {
    color: #57312a;
    font-style: italic;
}

.dernier_message_sujet {
    color: #57312a;
    float: right;
    font-size: 11px;
    margin-right: 4%;
    text-align: center;
    width: 18%;
}
.dernier_mess_sujet {
    color: #57312a;
    text-transform: lowercase;
    font-size: 13px;
}

/********************************************* Categorie Miss *****************************************/
.categories_miss {
  width: 800px;
  margin: auto;
  
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 10px;
  }

/* NOM CATEGORIE */
.titre_categorie {
  width: 800px;
  height: 40px;
  background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t11.png");
}
.titre_categorie h2 {
        color: #f3eae6;
        font-family: 'Ailerons';
        font-size: 30px;  
        text-align: center;      
}
.forum_content {
        background: #eae6da;
        height: 140px;
        border: 0px solid #fff;
        margin: 5% auto 0;
        box-sizing: border-box;
   position: relative;
        padding:5px 5px 5px 5px;
        margin: 0px 0px 0px 0px;
}

/* Nom forum */
a.forumlink {
        font-family: ailerons;
        color: #57312a !important;
        text-transform: ailerons;
        font-size:17px;
        letter-spacing: 2px;
        font-weight: normal;
        display: block;
        margin: 0px 0px 0px 6px;
}

/* Description */
.forum_desc {
        background: #fff;
        width: 296px;
        height: 76px;
        text-align: justify;
        border: 1px solid #fff;
        overflow: auto;
        padding:2px 2px 2px 2px;
        margin: 0px 0px 0px 6px;
  }

/* New no new lock */
.new_nonew{
 width: 150px;
        height: 80px;
 border: 1px solid #;
        margin: -82px 0px 0px 316px;
        text-align: center
}
img.new_nonew {
        width: 152px;
        height: 80px;
 }

/* DERNIER MESSAGE */
.dernier_message {
        background: #fff;
        border: 1px solid #fff;
        width: 190px;
        height: 57px;
        margin: -82px 0px 0px 476px;
        color: #4c2e1b;
        font-family: Roboto;
        text-transform: uppercase;
        font-size: 9px;
        letter-spacing: 1px;
        text-align: center;
        padding:23px 0px 0px 10px;
}
.dernier_message a {
        color: #000;
        font-size: 9px;
}

/* Statistiques */
.forum_stats {
        border: 1px solid #fff;
        width: 60px;
        height: 80px;
        margin: -82px 0px 0px 670px;
        text-align: center;
        font-size: 7.4px;
        text-transform: uppercase;
        letter-spacing: 1px;
   line-height: 1.3;
}
.forum_stats div {
        background: #fff;
        border: 1px solid #fff;
        padding: 7px;
}
.forum_stats div span {
        color: #c60000;
        display: block;
        font-size: 12px;
}

/* Avatar dernier posteur */

.img_dernier_posteur img{
        width: 50px;
        height: 80px;
  margin: -82px 0px 0px 728px;
  border: 1px solid #fff;
}

/* Sous forum */
.forum_liens {
        background: #eae6da;
        border: 1px solid #eae6da;
        width: 770px;
        height: 16px;
        overflow: auto;
  margin: 5px 0px 0px 6px;
  padding:2px 2px 2px 2px;
}
.forum_liens a {
        color: #4c2e1b;
        font-size: 8px;
        text-align: justify;
        text-transform: uppercase;
        font-weight: bold;      
}

/*****************************************enlever le soulignement dans le queel***********************************/
a:hover{
text-decoration: none !important;
}
 
a {
text-decoration: none !important;
}
 
a:link {
text-decoration: none;
}
 
a:visited {
text-decoration: none;
}

  text-decoration: none !important;
a, a:hover {
   text-decoration: none !important;
}

::-webkit-scrollbar {
        height: 4px;
        width: 4px;
}
::-webkit-scrollbar-thumb {
        background: #667583;
        height: 4px!important;
        position: absolute;
        width: 4px;
}
::-webkit-scrollbar-track {
     background: #b9bbbd;
}
/***************************************************************************
                             QEEL BY BATTY
***************************************************************************/

.battyqeel{
margin-left:auto;
  margin-right:auto;
  background-color: #eae6da;
  }

.battyqeel a {
text-decoration:none;
}

.onglet{
display:inline-block;
margin-left:5px;
padding:2px;
cursor:pointer;
background-color: #872628;
}

.onglet_0{
font-size: 20px;
font-family: Roboto;
text-align:center;
background-color: #fff;
text-transform: uppercase;
font-weight: bold;
  color: #57312a;

}

.contenu_onglet{
display: none;  
width: 350px;
height: 110px;
background-color: #fff;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
  color: #57312a;
}

.battyqeel_cote{
width: 200px;
height: 175px;
background-color: #fff;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
  font-size: 12px;
font-family: Roboto;
  color: #57312a;
}

.battyqeel_stat{
width: 350px;
height: 50px;
background-color: #fff;
padding: 5px;
text-align: justify;
font-size:12px;
overflow: auto;
  font-size: 12px;
font-family: Roboto;
  color: #57312a;
}

.battyqeel_ongletselect {
font-size: 12px;
font-family: Roboto;
text-align:center;
text-transform: uppercase;
}

.battyqeel_titre{
width: 800px;
font-size: 30px;
font-family: Ailerons;
color: #fff;
background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t12.png");
text-align:center;
width:auto;
}


.battyqeel_soustitre{
font-size: 13px;
font-family: Roboto;
text-align:center;
background-color: #57312a;
text-transform: uppercase;
width: auto;
margin-bottom: 5px;
  color: #fff;
  font-weight: bold;
}

.battyqeel_copyright{
   text-align:center;
   font-size:9px;
   color: #fff;
     padding:2px; /
}

.battyqeel_copyright a{
       font-variant:small-caps;
       color: #fff !important;        
}

.battyqeel_bug td.row1 { background : none; }

/***************************************************************************
                             QEEL FIN
***************************************************************************/

/********************************************** liste membre **********************************************/
/* AFFICHAGE LISTE DES MEMBRES */
#LMBER {
margin:auto; width:800px;
}
/* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 5px; width:800px;
background-color: #fff; /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:0px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background-image: url("https://i.servimg.com/u/f48/19/05/86/76/cate-t12.png"); color:white; /* MODIFIABLE */
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:150px; padding-top:10px; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
/* AVATAR */
.imgLMBER{
margin:auto; margin-bottom:-55px;
width:100px; height:100px; border-radius:100px; overflow:hidden;
}
.imgLMBER img{
width:100px;
}
/* NOMBRE DE MESSAGES */
.msgLMBER {
position:absolute; margin-top:10px; margin-left:10px;
width:80px; height:50px; padding-top:30px; border-radius:80px;
font-family:Arial; font-size:16px; text-align:center; font-weight:bold;
background:rgba(250,250,250,0.7); /* MODIFIABLE */
opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
}
.imgLMBER:hover .msgLMBER {
opacity:1;
}
/* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
.boxLMBER {
padding:45px 10px 7px;
font-family:Arial; text-align:center;
background:rgba(255,255,255,0.8); /* MODIFIABLE */
}
/* BLOC PSEUDONYME & INSCRIPTION */
.nameLMBER{
margin-top:20px; height:30px; padding:5px 0;
text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:12px;
background:#FEFEFE; /* MODIFIABLE */
}
/* DATE INSCRIPTION */
.joinLMBER{
font-size:10px; text-align:center; letter-spacing:0;
}
/* DERNIERE VISITE */
.lstvLMBER {
margin-top:5px; padding:2px 0;
background:rgba(255,255,255,0.6); /* MODIFIABLE */
font-size:9px; text-align:center;
}
/* IMAGES MP & WWW */
.btnLMBER {
margin-top:5px; height:15px;
}
.btnLMBER img{
max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
}

/******************************************* fiche ********************************************************/

/*STYLE GENERAL*/
    .cadre-kit {
        width: 450px;
        border-width: 1px;
        border-style: solid;
        padding: 20px 0;
        margin: 5px auto;
        font-family: 'Roboto', sans-serif;
    }
    .wrap-kit {
        width: 400px;
        margin: auto;
    }
    .wrap-kit h2 {
        text-align: center;
        padding: 45px 0;
        margin: 0;
        font-weight: 800;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: 'Montserrat', sans-serif;
    }
    .bloc-kit {
        border-width: 1px;
        border-style: solid;
        margin: 5px auto;
        background-color: #fff;
    }
    .contenu-kit {
        padding: 20px;
        font-size: 11px;
        line-height: 150%;
        text-align: justify;
    }
    .contenu-kit h3 {
        text-transform: uppercase;
        margin: 10px 0;
        margin: 10px 0 -15px;
        font-weight: bold;
        font-size: 12px;
        font-family: 'Montserrat', sans-serif;
    }

    /*COULEURS*/
    /*Couleurs de la bordure et du fond du cadre extérieur*/
    .cadre-kit {
        background-color: #EFEFEF;
        border-color: #CACACA;
    }
    /*Couleurs du fond du titre et du titre*/
    .wrap-kit h2 {
        background-color: #922828;
        color: #fff;
    }
    /*Couleur de la bordure et du fond du cadre intérieur*/
    .bloc-kit {
        border-color: #CACACA;
        background-color: #f5f5f5;
    }
    /*Couleur du texte des cadres*/  
    .contenu-kit {
        color: #000;
    }
    /*Couleur des titres*/
    .contenu-kit h3 {
        color: #922828;
    }
    .faceclaim {
        color: #E86969;
    }


    /*FICHE PREDEFINI*/
    /*Statut du prédef : de base, il est pris, mais on peut ajouter la class "libre" ou "réservé"*/
    .statut {
        border: 1px solid #feb1b1;
        color: #ec2e2e;
        margin: 5px auto;
        background-color: #ffdcdc;
        padding: 5px;
        text-align: center;
        text-transform: uppercase;
    }
    .libre {
        border-color: #b8ecae;
        color: #69b153;
        background-color: #deffba;
    }
    .reserve {
        border-color: #fbae90;
        color: #f66d2e;
        background-color: #f9d5ad;
    }
    .predef-intro-kit {
        padding: 5px 10px;
        font-size: 9px;
        text-align: right;
        text-transform: uppercase;
        background-color: #fff;
        margin: 5px 0;
    }
    .kit-predef {
        display: flex;
    }
    .predef {
        height: 320px;
        flex: 1;
        margin: 0 0 0 5px;
        box-sizing: border-box;
        overflow: auto;
        padding: 5px 15px;
    }

    /*REGLEMENT*/
    .alerte {
        border: 1px solid #feb1b1;
        color: #ec2e2e;
        margin: 10px auto;
        background-color: #ffdcdc;
        padding: 10px;
        border-radius: 5px;
    }
    .verte {
        border: 1px solid #b8ecae;
        color: #69b153;
        background-color: #deffba;
    }

    /*RECENSEMENT D'AVATARS*/
    .faceclaim {
        padding: 5px 0;
        text-align: center;
    }
    .nom-kit b {
        color: #a0a0a0;
    }

    /*CONTEXTE*/
    .contexte-kit {
        position: relative;
    }
    .contexte-kit h3 {
        text-align: center;
        margin: 20px 0;
    }
    .contexte-kit h3::after {
        content: "";
        height: 1px;
        width: 100px;
        position: absolute;
        background: #bcb5da;
        left: calc(50% - 50px);
        margin-top: 25px;
    }

    /*LES CREDITS*/
    .credit-kit {
        text-align: center;
        position: absolute;
        width: 450px;
        line-height: 14px;
    }
    .credit-kit a {
        color: #989898!important;
        text-decoration: none!important;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 8px;
    }
/***************************************************FIN************************************************/



Bonne nouvelle ont à trouvées la solution à la page qui se charge pas!
Il suffit de supprimer les cookies ;)

C'est pas très urgent pour le moment donc prend ton temps Merci pour ton aide <3

Hello Miss,
merci pour la css.


Pour l'avatar, dans ce template:

topics_list_box

Recherches ceci:

Code:

<div class="dernier_message_sujet">

Juste après déposes ceci:

Code:

 <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
            <!-- END avatar -->


Bonne nouvelle ont à trouvées la solution à la page qui se charge pas!
Il suffit de supprimer les cookies ;)

Oui, il y a de gros soucis avec les cookies et le chargement des pages qui tournent en boucle.
Avec Firefox comme navigateur principale c'est une horreur.
J'utilise EDGE pour la navigation (plus rapide) et Firefox pour le codage.

Merci beaucoup tout fonctionne super bien:)

Dernière question que l'on m'a posé et dont j'ignore la réponse ^^
Dans Messenger les signatures des membres s'affichent y a t'il un moyen pour ne pas les voir?

Non, on ne peut pas différencier la div postbody qui inclue la signature.
Par contre, tu peux ajouter ceci dans ta feuille de style:

Code:


.FAM-signature_div {display: none;}


Un immense merci de la part de toute l'équipe du forum At The Shallow End.

Vous nous avez bien aidé et vos explications sont simple et claire.

MERCI!!!!!!!!!!!!!!!!!

J'en suis ravi Miss (d'ailleurs j'aurais aimé mettre un prénom sur ce pseudo ) .
De rien et à bientôt.