[AWESOMEBB] Bouton répondre non opérationnel

Coucou Alex,
alors je n'ai pas remonté l'information concernant les sujets verrouillés mais il reste encore du travail a effectuer:

Ce style n'a plus lieu d'être Alex dans la feuille de style( tu peux le supprimer) :

Code:

    
.btn-fixed{min-width: 50px!important;padding:0px 15px;width:auto!important;}


Tu peux aussi supprimer le script :

Code:


    $(function(){//TEXTE NOUVEAU SUJETvar sujet="Créer un sujet";//TEXTE REPONDREvar reponse="Répondre";//TEXTE VERROUILLERvar verrou="Verrouiller";//TEXTE FORUM VERROUILLERvar forumClose="Ce forum est verrouillé";$('.topic-header,.page-header').find('a[href$="mode=newtopic"] span:contains(Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets.)').html('<span>'+forumClose+'</span>');$('.topic-header,.page-header').find('a[href$="mode=newtopic"] span:contains(Poster un nouveau sujet)').html('<span>'+sujet+'</span>');$('a.btn-fixed[href$="mode=newtopic"][title="Poster un nouveau sujet"]').html('<span>'+sujet+'</span>');   $('.topic-header').find('a[href$="mode=reply"] span:contains(Répondre au sujet)').html('<span>'+reponse+'</span>');$('.topic-header').find('a[href$="mode=reply"] span:contains(Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses.)').html('<span>'+verrou+'</span>');$('a.btn-fixed[href$="mode=reply"][title="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."] i').after('<span>'+verrou+'</span>');$('a.btn-fixed[href$="mode=reply"][title="Répondre au sujet"] i ').after('<span>'+reponse+'</span>');});



Puis mettre celui-ci:


Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets

Déposer ceci:

Code:


$(function(){
$('a[href$="mode=reply"][title="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."]').each(function(){
var test=$(this).length;
var texte="Verrouillé";
if(test)
{
$(this).find('i').text('lock');
$(this).find('span').text(texte);
}
});});


Penser a cliquer sur le bouton


Puis ton template:

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).parent().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>

    <main id="topic">
        <div class="topic-header">
            <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="btn btn-default" title="{L_POST_NEW_TOPIC}">
                <i class="material-icons">mode_edit</i>
                <span>{L_POST_NEW_TOPIC}</span>
            </a>
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default"title="{L_POST_REPLY_TOPIC}">
                <i class="material-icons">reply</i>
                <span>{L_POST_REPLY_TOPIC}</span>
            </a>
            <!-- END switch_user_authreply -->
            <div id="breadcrumbs" class="breadcrumbs-topic">
                <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
                {NAV_CAT_DESC}
            </div>
            <!-- BEGIN topicpagination -->
            <div class="pagination">
                {PAGINATION}
            </div>
            <!-- END topicpagination -->
        </div>

        <div class="topic-actions">
            <div class="topic-actions-buttons">
                <div class="plus-menu-wrap">
                    <script type="text/javascript">//<![CDATA[
                        var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                        var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                        var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                        var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                        var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                        insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                        //]]>
                    </script>
                </div>

                <!-- BEGIN switch_twitter_btn -->
                <span>
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
             </span>
                <!-- END switch_twitter_btn -->

                <!-- BEGIN switch_fb_likebtn -->
                <script>(function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) return;
                        js = d.createElement(s); js.id = id;
                        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));</script>
                <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
                <!-- END switch_fb_likebtn -->

                <a class="addthis_button">{L_SHARE}</a>
            </div>
        </div>

        {POLL_DISPLAY}

        <!-- BEGIN postrow -->
        <!-- BEGIN hidden -->
        <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
            <div class="block">
                <div class="block-content">
                    {postrow.hidden.MESSAGE}
                    <div class="block-footer" style="display: none;">
                        <!-- END hidden -->

                        <!-- BEGIN displayed -->
                        <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                            <div id="{postrow.U_POST_ID}" class="post-header">
                                <h2>
                                    <i class="material-icons">description</i>
                                    {postrow.displayed.ICON}
                                  
     <span class="post-heading-wrap">
     <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
     <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
     </span>
     </h2>
     <div class="mobile-hide post-buttons">
     <ul>
     <li class="btn-thank">
                                            {postrow.displayed.THANK_IMG}
                                        </li>
                                        <li class="btn-quote-multi">
                                            {postrow.displayed.MULTIQUOTE_IMG}
                                        </li>
                                        <li class="btn-quote">
                                            {postrow.displayed.QUOTE_IMG}
                                        </li>
                                        <li class="btn-edit">
                                            {postrow.displayed.EDIT_IMG}
                                        </li>
                                        <li class="btn-delete">
                                            {postrow.displayed.DELETE_IMG}
                                        </li>
                                        <li class="btn-ip">
                                            {postrow.displayed.IP_IMG}
                                        </li>
                                        <li class="btn-report">
                                            {postrow.displayed.REPORT_IMG_NEW}
                                        </li>
                                    </ul>
                                </div>
                                <div class="mobile-show dropdown post-buttons-mobile">
                                    <i class="material-icons">more_horiz</i>
                                    <ul class="dropdown-box">
                                        <li class="btn-thank">
                                            {postrow.displayed.THANK_IMG}
                                        </li>
                                        <li class="btn-quote-multi">
                                            {postrow.displayed.MULTIQUOTE_IMG}
                                        </li>
                                        <li class="btn-quote">
                                            {postrow.displayed.QUOTE_IMG}
                                        </li>
                                        <li class="btn-edit">
                                            {postrow.displayed.EDIT_IMG}
                                        </li>
                                        <li class="btn-delete">
                                            {postrow.displayed.DELETE_IMG}
                                        </li>
                                        <li class="btn-ip">
                                            {postrow.displayed.IP_IMG}
                                        </li>
                                        <li class="btn-report">
                                            {postrow.displayed.REPORT_IMG_NEW}
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="post-body">
                                <div class="post">
                                    <div class="post-content">
                                        {postrow.displayed.MESSAGE}

                                    

                                        <!-- BEGIN switch_attachments -->
                                        <div class="attachbox">
                                            {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                                            <dl class="attachments">
                                                <!-- BEGIN switch_post_attachments -->
                                                <dt>
                                                    <!-- 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>
                                                <dd>
                                                    <!-- BEGIN switch_no_comment -->
                                                    <p>
                                                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
                                                    </p>
     <!-- END switch_no_comment -->
     <!-- BEGIN switch_no_dl_att -->
     <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
     <!-- END switch_no_dl_att -->
     <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
     </dd>
     <!-- END switch_post_attachments -->
     </dl>
     </div>
     <!-- END switch_attachments -->
     <!-- BEGIN switch_signature -->
     <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
     <!-- END switch_signature -->
     </div>
     <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
     <!-- BEGIN switch_likes_active -->
     <div class="fa_like_div">
     <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
     <span class="rep-cat">
     <i class="material-icons">thumb_up</i>
     {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
     </span>
     <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
     </button>
     <!-- BEGIN switch_dislike_button -->
     <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
     <span class="rep-cat">
     <i class="material-icons">thumb_down</i>
     {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
     </span>
     <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
     </button>
     <!-- END switch_dislike_button -->
                                            <!-- BEGIN switch_like_list -->
                                            {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                            <!-- END switch_like_list -->
                                            <!-- BEGIN switch_dislike_list -->
                                            {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                            <!-- END switch_dislike_list -->
     </div>
     <!-- END switch_likes_active -->
     <!-- BEGIN switch_vote_active -->
     <div class="vote">
     <!-- BEGIN switch_vote -->
     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
     <i class="material-icons">add_circle_outline</i>
     </a>
     <!-- END switch_vote -->
    

                                        
     <!-- BEGIN switch_vote -->
     <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
     <i class="material-icons">remove_circle_outline</i>
     </a>
     <!-- END switch_vote -->

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

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

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

                                      
     <!-- BEGIN switch_no_bar -->
     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
     <!-- END switch_no_bar -->
     </div>
     <!-- END switch_vote_active -->
     </div>
     </div>
     <aside class="post-aside">
     <div class="post-author-status"></div>
     <div class="post-author">
                         <span class="post-author-name">
                            {postrow.displayed.POSTER_NAME}
                         </span>
                                        <span class="post-author-title">
                            {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                         </span>
                                    </div>
                                    <div class="post-author-avatar">
                                        <div class="avatar-big">
                                            {postrow.displayed.POSTER_AVATAR}
                                        </div>
                                    </div>
                                    <dl class="post-author-details">
                                      <div class="M14_importe_img"></div>
                                        <!-- BEGIN profile_field -->
                                        <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                        <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                        <!-- END profile_field -->
                                    </dl>
                                    <div class="post-author-rpg">
                                        {postrow.displayed.POSTER_RPG}
                                    </div>
                                    <div class="post-author-contact dropdown">
                                        <i class="material-icons">keyboard_arrow_down</i>
                                        <div class="dropdown-box">
                                            {postrow.displayed.PROFILE_IMG}
                                            {postrow.displayed.PM_IMG}
                                            {postrow.displayed.EMAIL_IMG}
                                            <!-- BEGIN contact_field -->
                                            {postrow.displayed.contact_field.CONTENT}
                                            <!-- END contact_field -->
                                        </div>
                                    </div>
                                </aside>
                            </div>
                        </div>
                        <!-- END displayed -->

                        <!-- BEGIN hidden -->
                    </div>
                </div>
            </div>
        </div>
        <!-- END hidden -->
        <!-- END postrow -->

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

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

        {INLINE_MESSAGE}

        {QUICK_REPLY_FORM}

        <form class="jumpbox" action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
            <label>
                <span>{L_JUMP_TO}:</span>
                <div class="jumpbox-wrap">
                    {S_JUMPBOX_SELECT}
                    <input type="submit" value="{L_GO}" />
                </div>
            </label>
        </form>

        <!-- BEGIN viewtopic_bottom -->
        <form class="quickmod" 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}" />
            <label>
                <span>{L_MOD_TOOLS}:</span>
                <div class="quickmod-wrap">
                    {S_SELECT_MOD}
                    <input type="submit" value="{L_GO}" />
                </div>
            </label>
        </form>

        <div class="topic-admin">{S_TOPIC_ADMIN}</div>
        <!-- END viewtopic_bottom -->

        <!-- BEGIN show_permissions -->
        <div class="block">
            <div class="block-header">
                {L_TABS_PERMISSIONS}
            </div>
            <div class="block-content">
                {S_AUTH_LIST}
            </div>
        </div>
        <!-- END show_permissions -->

        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" rel="nofollow" class="btn-fixed" title="{L_POST_REPLY_TOPIC}">
            <i class="material-icons">reply</i>
           <span class="btn-fixed-txt">{L_REPLY}</span>
        </a>
        <!-- END switch_user_authreply -->
    </main>

    <script type="text/javascript">
        //<![CDATA[
        $(document).ready(function() {
            $('.post-author-contact').each(function () {
                $(this).find('a:nth-child(5n)').each(function () {
                    $(this).after('<br />');
                });
            });
        });
        //]]>
    </script>

    <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
    <script>
        $(document).ready(function() {
            $('pre, code').each(function(i, block) {
                hljs.highlightBlock(block);
            });

            $('.post-author-contact').on('click', function() {
                if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                    $(this).children('.dropdown-box').css({
                        'left': 'auto',
                        'right': '0'
                    });
                } else {
                    $(this).children('.dropdown-box').css({
                        'left': '0',
                        'right': 'auto'
                    });
                }
            });
        });
    </script>




Penser a enregistrer puis à valider en cliquant respectivement sur   puis

Coucou Phil merci. J'ai bien fait les modifs et vérifié la validtion et ça ne change rien. C'est toujours l'icône avec la flèche qui apparait. 

Re- De mon côté je teste. J'ai reproduit le même template que celui que tu as rectifié sur mon fow test. Apparemment c'est bon. Donc le bug ne viendrait pas du template viewtopicbody mais d'un autre template ??? Parce que quand je force les templates de base le bouton répondre apparait bien. 
Alors j'en ai plusieurs de modifiés. 
topiclistbox (testé et apparemment le bug ce n'est pas celui là) 

Il reste indexbody et indexbox

Je continue à tester de mon côté.

Edit : j'ai testé tous mes templates modifiés sur mon fow test et je n'arrive pas à reproduire le problème. 
C'est incompréhensible puisque que quand je force les templates de base sur mon forum général le bouton apparait donc ca devrait venir d'un template modifié. Je l'ai ai tous testé. Bizarre.

Coucou Alex,
on parle bien du bouton "Répondre" qui n'est présent que sur le sujet en lui même.
Lorsque tu descends en bas de page, vois tu le texte "Répondre" ?
Aurais tu un compte test sur le forum de ton profil en mp stp.

Car sans visu, je ne sais pas trop quoi te répondre.

Coucou Phil tu peux ouvrir tes mp stp pour que je puise t'indiquer les identifiants d'un compte en privé.

Coucou Alex,
Oups désolé, voilà c'est ouvert

Coucou Alex,
effectivement l'animation ne se fait pas, c'est assez étrange.



Hum, ton template overall_header doit être modifié.
Recherches dans ce dernier si tu as ce script:

Code:

<script type="text/javascript">
        $(document).scroll(function() {
            var y = $(this).scrollTop();
            if (y > 164) {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0){
                    $('.btn-fixed').addClass('btn-scrolled');
                }
            } else {
                if($('.btn-fixed').find('.btn-fixed-txt').length !== 0) {
                    $('.btn-fixed').removeClass('btn-scrolled');
                }
            }
        });
    </script>


Si il n'est pas présent, il va falloir le déposer juste avant la balise de fermeture suivante:

Code:

</head>

Par contre, j'aimerais bien que tu me donnes le bon template car ,
tu n'as pas l'identique sur le forum mentionné en MP Alex.
La réponse rapide étant affichée avec un bouton, ce qui n'est pas le cas actuellement.

Il faut que j'ai tous les atouts en main chère amie.


Bref, ou alors avoir le même visu des boutons en haut et en bas avec ce template:

Code:

<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _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 = {  };
        }
    });
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }

            if( regId > 0)
            {
                $('.post--' + id).parent().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>

<main id="topic">
    <div class="topic-header">
        <h1><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></h1>
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="btn btn-default" title="{L_POST_NEW_TOPIC}">
            <i class="material-icons">mode_edit</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default" title="{L_POST_REPLY_TOPIC}">
            <i class="material-icons">reply</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
        <div id="breadcrumbs" class="breadcrumbs-topic">
            <a href="{U_INDEX}"><i class="material-icons">home</i> <span>{L_INDEX}</span></a>
            {NAV_CAT_DESC}
        </div>
        <!-- BEGIN topicpagination -->
        <div class="pagination">
            {PAGINATION}
        </div>
        <!-- END topicpagination -->
    </div>

    <div class="topic-actions">
        <div class="topic-actions-buttons">
            <!-- BEGIN switch_plus_menu -->
            <div class="plus-menu-wrap">
                <script type="text/javascript">//<![CDATA[
                    var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
                    var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
                    var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
                    var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
                    var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
                    insert_plus_menu_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                    //]]>
                </script>
            </div>
            <!-- END switch_plus_menu -->

            <!-- BEGIN switch_twitter_btn -->
            <span>
 <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span>
            <!-- END switch_twitter_btn -->

            <!-- BEGIN switch_fb_likebtn -->
            <script>(function(d, s, id) {
                    var js, fjs = d.getElementsByTagName(s)[0];
                    if (d.getElementById(id)) return;
                    js = d.createElement(s); js.id = id;
                    js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
                    fjs.parentNode.insertBefore(js, fjs);
                }(document, 'script', 'facebook-jssdk'));</script>
            <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
            <!-- END switch_fb_likebtn -->

            <!-- BEGIN switch_plus_menu -->
            <a class="addthis_button">{L_SHARE}</a>
            <!-- END switch_plus_menu -->
        </div>
    </div>

    {POLL_DISPLAY}

    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <div class="post-wrap {postrow.hidden.ROW_CLASS} post-hidden">
        <div class="block">
            <div class="block-content">
                {postrow.hidden.MESSAGE}
                <div class="block-footer" style="display: none;">
                    <!-- END hidden -->

                    <!-- BEGIN displayed -->
                    <div id="post-{postrow.U_POST_ID}" class="post-wrap {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}">
                        <div id="{postrow.U_POST_ID}" class="post-header">
                            <h2>
                                <i class="material-icons">description</i>
                                {postrow.displayed.ICON}
 <span class="post-heading-wrap">
 <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a>
 <span class="post-date">{postrow.displayed.POST_DATE_NEW}</span>
 </span>
 </h2>
 <div class="mobile-hide post-buttons">
 <ul>
 <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                            <div class="mobile-show dropdown post-buttons-mobile">
                                <i class="material-icons">more_horiz</i>
                                <ul class="dropdown-box">
                                    <li class="btn-thank">
                                        {postrow.displayed.THANK_IMG}
                                    </li>
                                    <li class="btn-quote-multi">
                                        {postrow.displayed.MULTIQUOTE_IMG}
                                    </li>
                                    <li class="btn-quote">
                                        {postrow.displayed.QUOTE_IMG}
                                    </li>
                                    <li class="btn-edit">
                                        {postrow.displayed.EDIT_IMG}
                                    </li>
                                    <li class="btn-delete">
                                        {postrow.displayed.DELETE_IMG}
                                    </li>
                                    <li class="btn-ip">
                                        {postrow.displayed.IP_IMG}
                                    </li>
                                    <li class="btn-report">
                                        {postrow.displayed.REPORT_IMG_NEW}
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="post-body">
                            <div class="post">
                                <div class="post-content">
                                    {postrow.displayed.MESSAGE}

                                    {postrow.displayed.EDITED_MESSAGE}

                                    <!-- BEGIN switch_attachments -->
                                    <div class="attachbox">
                                        {postrow.displayed.switch_attachments.L_ATTACHMENTS}
                                        <dl class="attachments">
                                            <!-- BEGIN switch_post_attachments -->
                                            <dt>
                                                <!-- 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>
                                            <dd>
                                                <!-- BEGIN switch_no_comment -->
                                                <p>
                                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}
 </p>
 <!-- END switch_no_comment -->
 <!-- BEGIN switch_no_dl_att -->
 <p><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></p>
 <!-- END switch_no_dl_att -->
 <p>(<span class="ltr">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</span>) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</p>
 </dd>
 <!-- END switch_post_attachments -->
 </dl>
 </div>
 <!-- END switch_attachments -->
 <!-- BEGIN switch_signature -->
 <div class="post-signature" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>
 <!-- END switch_signature -->
 </div>
 <div class="post-footer<!-- BEGIN switch_likes_active --> likes-active<!-- END switch_likes_active --><!-- BEGIN switch_vote_active --> vote-active<!-- END switch_vote_active -->">
 <!-- BEGIN switch_likes_active -->
 <div class="fa_like_div">
 <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
 <span class="rep-cat">
 <i class="material-icons">thumb_up</i>
 {postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
 </span>
 <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>
 </button>
 <!-- BEGIN switch_dislike_button -->
 <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
 <span class="rep-cat">
 <i class="material-icons">thumb_down</i>
 {postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
 </span>
 <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>
 </button>
 <!-- END switch_dislike_button -->
                                        <!-- BEGIN switch_like_list -->
                                        {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
                                        <!-- END switch_like_list -->
                                        <!-- BEGIN switch_dislike_list -->
                                        {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
                                        <!-- END switch_dislike_list -->
 </div>
 <!-- END switch_likes_active -->
 <!-- BEGIN switch_vote_active -->
 <div class="vote">
 <!-- BEGIN switch_vote -->
 <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}" class="vote-up">
 <i class="material-icons">add_circle_outline</i>
 </a>
 <!-- END switch_vote -->

 <!-- BEGIN switch_vote -->
 <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}" class="vote-down">
 <i class="material-icons">remove_circle_outline</i>
 </a>
 <!-- END switch_vote -->

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

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

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

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-bar-empty"></div>
 <!-- END switch_no_bar -->
 </div>
 <!-- END switch_vote_active -->
 </div>
 </div>
 <aside class="post-aside">
 <div class="post-author-status"></div>
 <div class="post-author">
 <span class="post-author-name">
 {postrow.displayed.POSTER_NAME}
 </span>
                                    <span class="post-author-title">
 {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
 </span>
                                </div>
                                <div class="post-author-avatar">
                                    <div class="avatar-big">
                                        {postrow.displayed.POSTER_AVATAR}
                                    </div>
                                </div>
                                <dl class="post-author-details">
                                    <!-- BEGIN profile_field -->
                                    <dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>
                                    <!-- END profile_field -->
                                </dl>
                                <div class="post-author-rpg">
                                    {postrow.displayed.POSTER_RPG}
                                </div>
                                <div class="post-author-contact dropdown">
                                    <i class="material-icons">keyboard_arrow_down</i>
                                    <div class="dropdown-box">
                                        {postrow.displayed.PROFILE_IMG}
                                        {postrow.displayed.PM_IMG}
                                        {postrow.displayed.EMAIL_IMG}
                                        <!-- BEGIN contact_field -->
                                        {postrow.displayed.contact_field.CONTENT}
                                        <!-- END contact_field -->
                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <!-- END displayed -->

                    <!-- BEGIN hidden -->
                </div>
            </div>
        </div>
    </div>
    <!-- END hidden -->
    <!-- END postrow -->
    <!-- BEGIN switch_forum_rules -->
    <div class="block" id="forum_rules">
        <div class="block-header">
            {L_FORUM_RULES}
        </div>
        <div class="block-content">
            <table class="postbody">
                <tr>
                    <!-- BEGIN switch_forum_rule_image -->
                    <td class="logo">
                        <img src="{RULE_IMG_URL}" alt="" />
                    </td>
                    <!-- END switch_forum_rule_image -->
                    <td class="rules content">
                        {RULE_MSG}
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!-- END switch_forum_rules -->

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

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

    {INLINE_MESSAGE}
  
  <div class="topic-header">
    
 <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="btn btn-default" title="{L_POST_NEW_TOPIC}">
            <i class="material-icons">mode_edit</i>
            <span>{L_POST_NEW_TOPIC}</span>
        </a>
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}" class="btn btn-default" title="{L_POST_REPLY_TOPIC}">
            <i class="material-icons">reply</i>
            <span>{L_POST_REPLY_TOPIC}</span>
        </a>
        <!-- END switch_user_authreply -->
  
    
  </div>
    
  <br />
    {QUICK_REPLY_FORM}

    <form class="jumpbox" action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
        <label>
            <span>{L_JUMP_TO}:</span>
            <div class="jumpbox-wrap">
                {S_JUMPBOX_SELECT}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <form class="quickmod" 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}" />
        <label>
            <span>{L_MOD_TOOLS}:</span>
            <div class="quickmod-wrap">
                {S_SELECT_MOD}
                <input type="submit" value="{L_GO}" />
            </div>
        </label>
    </form>

    <div class="topic-admin">{S_TOPIC_ADMIN}</div>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN show_permissions -->
    <div class="block">
        <div class="block-header">
            {L_TABS_PERMISSIONS}
        </div>
        <div class="block-content">
            {S_AUTH_LIST}
        </div>
    </div>
    <!-- END show_permissions -->

  
</main>

<script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
        $('.post-author-contact').each(function () {
            $(this).find('a:nth-child(5n)').each(function () {
                $(this).after('<br />');
            });
        });
    });
    //]]>
</script>

<!-- BEGIN switch_plus_menu -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
<!-- END switch_plus_menu -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/railscasts.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/go.min.js"></script>
<script>
    $(document).ready(function() {
        $('pre, code').each(function(i, block) {
            hljs.highlightBlock(block);
        });

        $('.post-author-contact').on('click', function() {
            if ($(this).parents('.post-body').css('flex-direction') == 'row') {
                $(this).children('.dropdown-box').css({
                    'left': 'auto',
                    'right': '0'
                });
            } else {
                $(this).children('.dropdown-box').css({
                    'left': '0',
                    'right': 'auto'
                });
            }
        });
    });
</script>


Le résultat:

Coucou Phil merci. Le code que tu m'as donné en entier c'est pour le template Overall header ? Parce que quand je le valide j'ai un énorme bug. En fait j'ai presque plus rien tout est déplacé n'importe comment. 

C'est possible que je me sois égarée quand je t'ai donné le template, j'ai fait tellement d'essai pour trouver le bug. Tu voulais lequel . Le Overall hearder ? 

Donc, du coup, j'ai remis le template d'origine Overall header, et là le bouton apparait. (Je laisse ainsi ? )
Effectivement je l'avais modifié je ne sais plus pourquoi. 
Je sens que je vais encore avoir une (mauvaise) surprise. 

Pour la réponse rapide je m'étais servi de ce tuto en JS. 
https://forum.forumactif.com/t402458-awesomebb-changer-les-textes-et-images-material-icon-des-boutons?highlight=awesomebb+r%C3%A9ponse+rapide

Le bouton apparait bien. 
J'ai mis comme ça en jS. 

Code:

$(function() {
  $('.quick-reply.block').before('<div class="topic-header"><a href="#" id="showQuickReply" class="btn btn-default"><i class="material-icons">reply</i><span>Réponse rapide</span></a></div>');
  $('body').on('click', 'a#showQuickReply', function() {
    $('.quick-reply.block').slideToggle();
    return false;
  });
});

Tu penses que je peux laisser et que c'est bon ?

Coucou Alex,

oui, c'est bien dans le template mentionné.
Si tu as encore le template précédent, tu peux me le donner, je te donnerais avec les modifications a apporter.
Sinon, non , tu ne dois pas avoir de bug et je trouve le bouton "Répondre" est idéal comme tu l'as fais sur ton fofo de test Alex   .

Coucou Phil,
Je n'ai pas fait de sauvegarde, je ne sais plus pourquoi j'avais modifié ce template, en plus je n'ai pas vu de changement sur mon forum après avoir remis celui de base. De mon côté je pense que je vais éviter de toucher à quelque chose et faire des bêtises. Comme tu confirmes que pour le reste tout est ok alors c'est super et je peux mettre en résolu. Un énorme merci pour ton aide et ta patience. 

Pas de soucis Alex,

n'hésites surtout pas a demander avant de faire quoique ce soit .