Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB

Membres connectés récemment
Voir tous les membres

[PHPBB2] Problème des boutons mentionner/j'aime


2 participants

 :: Astuces Forumactif :: Les sujets résolus

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

Sujet résolu [PHPBB2] Problème des boutons mentionner/j'aime

1
rchelgreen
rchelgreen
https://alissinunderland.forumactif.com/

Messagerchelgreen Jeu 1 Avr 2021 - 15:16

  • Version du forum :
    PHPBB2
  • Templates modifiés :
    oui
  • Navigateur :
    Chrome
Bonjour (oui c'est encore moi avec mes questions  [PHPBB2] Problème des boutons mentionner/j'aime 1f636)

Alors ma question est en fait en deux parties, tout d'abord, j'ai tenté d'ajouter le bouton mentionner avec la javascript suivant : 
Code:
/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 * 4 = MODERNBB
 */
$(function() {
  var version = 0,
      image = 'https://www.zupimages.net/up/19/09/k52x.png';
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
    document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
    my_setcookie('fa_mention','');
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.post-options', '.profile-icons', '.post-options', '.posting-icons', '.profile-icons'][version]), b, c, d = ['.name strong a', '.author a', '.username a', '.author a', '.postprofile-name a'][version], e, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'), l = version == 1 || version == 3 || version == 4; i<j; i++) {
    b = document.createElement('IMG');
    b.src = image;
    b.alt = 'Mentionner';
    b.title = 'Mentionner ' + $(a[i]).closest('.post').find(d + ':not(.fa-mention)').text();
    b.className = 'i_icon_mention';
    b.onclick = function() {
      var n = this.title.replace(/^.*?\s/,'');
    
      if ($.sceditor) t.insertText('@"' + n + '" ');
      else {
        my_setcookie('fa_mention', n);
        window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
      }
    };
 
    if (l) {
      c = document.createElement('LI');
      c.appendChild(b);
    }
  
    a[i].insertBefore(l ? c : b, a[i].firstChild);
  }
 
  $(function(){
    if (!$.sceditor) return;
    t=$(t).sceditor('instance');
  });
});

Le seul problème c'est que lorsqu'on clique dessus, au lieu de mettre le pseudo de la personne qu'on souhaite mentionner, il affiche seulement de cette façon : @"" (photo à l'appui) et donc ça enlève un peu l'utilité du bouton... j'aimerais donc savoir quoi faire pour qu'il fonctionne bien si c'est possible  [PHPBB2] Problème des boutons mentionner/j'aime 1f600 
Spoiler:

Ensuite, dans la même ordre d'idées, j'ai voulu ajouter le bouton "J'aime" à mon forum, mais même après l'avoir activé dans mon panneau d'administration, il n'apparaît pas... serait-il possible de m'aider s'il-vous-plaît, j'avoue que je ne comprends pas ce qui se passe  [PHPBB2] Problème des boutons mentionner/j'aime 1f636 


Merci à l'avance pour la réponse !  [PHPBB2] Problème des boutons mentionner/j'aime 1f600


C'est encore une fois pour mon forum test : https://forumtestyoyo.forumactif.com/


Dernière édition par rchelgreen le Ven 2 Avr 2021 - 15:19, édité 1 fois

Milouze14 aime ce message

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

2
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 1 Avr 2021 - 15:56

Coucou Roxanne,
comme les astuces déposées sur divers forums, les templates ne doivent pas être modifiés.
Donc il me faut ton template viewtopic_body.

Merci aussi de me confirmer si tu as activé via le PA le bouton j’aime ou via un script ?

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

3
rchelgreen
rchelgreen
https://alissinunderland.forumactif.com/

Messagerchelgreen Jeu 1 Avr 2021 - 16:17

Alors voici mon template  [PHPBB2] Problème des boutons mentionner/j'aime 1f600 

Spoiler:

Et je l'ai activé via le PA  [PHPBB2] Problème des boutons mentionner/j'aime 263a

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

4
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 1 Avr 2021 - 19:15

Re,
alors la mention se fera à côté du pseudo car ton template est bien trop compliqué
(pour ne pas dire autre chose MDR ) pour mettre en place le script donné.

Alors remplaces le script par celui-ci
Code:

/* FORUM VERSIONS
 * 0 = PHPBB2
 * 1 = PHPBB3
 * 2 = PUNBB
 * 3 = INVISION
 */
$(function() {
  var version = 0;
 
  if (/mode=reply/.test(window.location.search) && my_getcookie('fa_mention')) {
      document.post.message.value += '@"' + my_getcookie('fa_mention') + '" ';
      my_setcookie('fa_mention',''); 
  } if (!/\/t\d+/.test(window.location.pathname)) return;
 
  for (var a = $(['.police  a strong', '.postprofile dt strong a', '.username a', '.postprofile dt a ~ a'][version]), b, i = 0, j = a.length, t = document.getElementById('text_editor_textarea'); i<j; i++) {
      b = document.createElement('A');
      b.title = 'Mentionner ' + $(a[i]).text();
      b.style.marginRight = '3px';
      b.className = 'fa-mention';
      b.innerHTML = '@';
      b.href = '#';
      b.onclick = function() {
        var n = this.title.replace(/^.*?\s/,'');
   
        if ($.sceditor) t.insertText('@"' + n + '" ');
        else {
            my_setcookie('fa_mention', n);
            window.location.href = '/post?t=' + window.location.pathname.replace(/\/t(\d+)-.*/,'$1') + '&mode=reply';
        }
   
        return false;
      };
 
      a[i].parentNode.insertBefore(b, a[i]);
  }
 
  $(function(){
      if (!$.sceditor) return;
      t=$(t).sceditor('instance');
  });
});



Puis ton template avec les likes ajoutés:

Code:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
        if(typeof(_atc) == "undefined") {
            _atc = {  };
        }
    });

    var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
    showHiddenMessage = function(id)
    {
        try
        {
            var regId = parseInt(id, 10);
            if( isNaN(regId) ) { regId = 0; }
     
            if( regId > 0)
            {
                $('.post--' + id).toggle(0, function()
    {
    if( $(this).is(":visible") )
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
    }
    else
    {
    $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
    }
    });
            }
        }
        catch(e) { }
   
    return false;
    };

    //]]>
    </script>
    <table width="100%" border="0" cellspacing="2" cellpadding="0">
    <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>     
          <td class="nav" valign="middle" width="100%">
            <span class="nav">
                    <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                    <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                    {NAV_CAT_DESC_SECOND}
                </span>
          </td>     
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
                   
                      <!-- BEGIN switch_twitter_btn -->
    <span id="twitter_btn" style="margin-left: 6px; ">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
    </span>
    <!-- END switch_twitter_btn -->
   
    <!-- BEGIN switch_fb_likebtn -->
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
    <!-- END switch_fb_likebtn -->

    <span class="gensmall bold">
   
    </span>
    </td>
    </tr>
    </table>
   

    <table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr align="right">
          <td class="catHead" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                  </td>
                  <td align="right" width="9%" class="browse-arrows">
                            <!-- BEGIN switch_isconnect -->
                            <a href="{U_VIEW_OLDER_TOPIC}" class="premier_topic">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
                            <!-- END switch_isconnect -->
                            <a href="#bottom">{L_GOTO_DOWN}</a>
                        </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
    <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall paginer_topic">{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><td height="0"colspan="2"></td></tr>
    <tr class="post post--{postrow.displayed.U_POST_ID} M14_messenger testfofo" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="suj_bloc_profil" id="profil">
    <span class="postdetails poster-profile">
    <span style="text-transformation:; "><a name="{postrow.displayed.U_POST_ID}"></a><font size="5.5px">
      <div class="police"><center>{postrow.displayed.POSTER_NAME}</center></div></font></span>
                  <div id="englob">
      <div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
      <div class="infosp">
        <br/>
        <br/>
        <blockquote><span class="rpgsheetbr"><span id="rpgone">{postrow.displayed.POSTER_RPG}</span></span></blockquote>
            <script type="text/javascript">jQuery('#rpgone').html(jQuery('#rpgone').html().replace('À REMPLIR SVP','')).removeAttr('id')</script>
        <br/>
        <br/>
        <center>{postrow.displayed.PROFILE_IMG}
      {postrow.displayed.PM_IMG}
        {postrow.displayed.ONLINE_IMG}<br/>
          <br/>
      <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --></center>
      </div>
    </div>
      <br/>
               
                  <span style="text-transformation:lowercase; "><font size="3px"><div class="police1"><center>{postrow.displayed.POSTER_RANK}</center></div></font></span><div style="border-bottom: 2px dotted #B6B6B6;"></div>
                {postrow.displayed.RANK_IMAGE}<br />
   
            <div class="profil">
              <!-- BEGIN profile_field --><div style="text-align:justify;">
              <span class="champs_profil"><b>{postrow.displayed.profile_field.LABEL}</b></span> <span class="champs_profil1">{postrow.displayed.profile_field.CONTENT}</span> {postrow.displayed.profile_field.SEPARATOR}
                  </div>
                <!-- END profile_field -->

           
  <br/>  <br/>
<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <span class="name">
      <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
      </span>
   
      <td align="left" style="padding: 5px">
      <span style="text-transformation:lowercase; "><font size="1px"><div class="police2"><a href="#{postrow.displayed.U_POST_ID}">#</a> {postrow.displayed.POST_DATE}</div></font></span>

    <td valign="top" nowrap="nowrap" class="post-options">
    {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
    </td>
     
       
    <tr>
    <tr height="100%" valign="top">
                  <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 -->

      <br/>
      <br/>
    <div class="postbody">
    <div class="suj_message">
      {postrow.displayed.MESSAGE}</div>
      </div>

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

    <!-- BEGIN switch_dl_att -->
    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
    <!-- END switch_dl_att -->

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

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

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

    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
    </dl>
    <!-- END switch_post_attachments -->
    </dd>
    </dl>
    <!-- END switch_attachments -->
   
        <div class="clear"></div>
                                              <br/><br/>
    <!-- BEGIN switch_signature -->
                                              <div class="signature_div">{postrow.displayed.SIGNATURE}</div>
                                              <br/><br/><br/>
    <!-- END switch_signature -->
    <tr>
    </tr>
                    <!-- BEGIN switch_likes_active -->
            <tr><td colspan="2">
               <div class="fa_like_div">
                  <!-- 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 -->
               <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}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
               </button>
               <!-- BEGIN switch_dislike_button -->
               <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
                  <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
                  <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
               </button>
               <!-- END switch_dislike_button -->
            </div></td></tr>
            <!-- END switch_likes_active -->
    </table>
    </td>
       
      </tr>

    <!-- BEGIN first_post_br -->
    <hr />
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
    <tr>
    <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
    <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
    </tr>
    <!-- END first_post_br -->
    <!-- END displayed -->
    <!-- END postrow -->
    <!-- BEGIN no_post -->
    <tr align="center">
    <td class="row1" colspan="2" height="28">
    <span class="genmed">{no_post.L_NO_POST}</span>
    </td>
    </tr>
    <!-- END no_post -->
   
    </table>
    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall paginer_topic">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>

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

    <table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td class="row2" colspan="2" align="center" style="padding:0px">
    <!-- BEGIN switch_user_logged_in -->
    <a name="quickreply"></a>
    {QUICK_REPLY_FORM}<br />
    <!-- END switch_user_logged_in -->
    </td>
    </tr>
    </table>

    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
    <tr>
    <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
    <span class="nav">
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
    </span>
    </td>
         
              <td align="right">
                <!-- BEGIN switch_user_logged_in -->
           
    <!-- BEGIN watchtopic -->
                <div class="surveiller"><span class="gensmall">{S_WATCH_TOPIC}</span></div>
    <!-- END watchtopic -->
           
                <!-- END switch_user_logged_in -->
              </td>
      </tr>
      </table>

        <div class="suj_nav_bottom"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</div>
   
              <table width="100%"><tr>
                <td align="left">
    <!-- BEGIN moderation_panel -->
    <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
    <span class="gensmall"> </span>
    <!-- END moderation_panel -->
                </td>
    <td>
    <!-- BEGIN viewtopic_bottom -->
    <td align="left" valign="top">{S_TOPIC_ADMIN}<br />
    <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
    <input type="hidden" name="t" value="{TOPIC_ID}" />

    <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
    <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

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

    <!-- 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>


La css pour l'arobase à côté du pseudo:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

    /* style par défaut */
    a.fa-mention {
      color:#333;
    }
   
    /* style au survol */
    a.fa-mention:hover {
      color:#666;
    }

Penser a cliquer sur le bouton [PHPBB2] Problème des boutons mentionner/j'aime Sans_t10


Et voilou hinhin

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

5
rchelgreen
rchelgreen
https://alissinunderland.forumactif.com/

Messagerchelgreen Jeu 1 Avr 2021 - 20:00

Merci beaucoup, tout fonctionne pour le mentionner à côté du pseudo  [PHPBB2] Problème des boutons mentionner/j'aime 1f600 

Pour le bouton j'aime aussi tout fonctionne, par contre, est-il possible aussi de changer l'image des boutons ? 

Aussi, c'est avec le CSS qu'on change l'apparence des membres qui ont aimés le post ? (les couleurs et tout ça)
Car j'ai vu sur un forum qu'au lieu d'être affiché comme ceci en haut du bouton, c'est plutôt au survol de la souris sur le bouton j'aime.
[PHPBB2] Problème des boutons mentionner/j'aime Jaime10

Merci pour ton aide  Merci

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

6
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 2 Avr 2021 - 5:57

Coucou Roxanne,

Pour le bouton j'aime aussi tout fonctionne, par contre, est-il possible aussi de changer l'image des boutons ?

A priori non, mais tu peux personnaliser les textes dans ton P.A:

Général/Messages et Emails/Configuration/J'aime

Ensuite tu peux personnaliser ce qui s'affiche et afficher
comme tu le demandes qu'au survol comme ceci:



Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajouter ceci:

Code:

.fa_dislike_list, .fa_like_list
{
opacity:0;
transition: all 0.5s ease-in;
}
div.fa_like_div:hover > p{opacity:1;}

Penser a cliquer sur le bouton [PHPBB2] Problème des boutons mentionner/j'aime Sans_t10

Par contre , un sujet = une demande Roxanne,
c'est plus facile a retrouver lors d'une recherche sur le fofo hinhin

Merci d'ouvrir un autre sujet si cela ne correspond pas à tes souhaits Chère amie.






Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

7
rchelgreen
rchelgreen
https://alissinunderland.forumactif.com/

Messagerchelgreen Ven 2 Avr 2021 - 15:18

Parfait et merci encore pour ton aide  Merci

Sujet résolu Re: [PHPBB2] Problème des boutons mentionner/j'aime

8
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Ven 2 Avr 2021 - 16:02

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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

Sujets similaires
» [PHPBB2] Problème installation FAM
» [PHPBB2] Problème d'affichage FA messenger
» [PHPBB2] Problème du background body
» [PHPBB2] Problème d’animation sur le qeel
» [PHPBB2] Problème avec le messenger

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Astuces Forumactif :: Astuces Forumactif :: Les sujets résolus

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit