Voeg een bericht toe wanneer u bedankt

Vorige onderwerp Volgende onderwerp Ga naar beneden

Tutorial Voeg een bericht toe wanneer u bedankt

Bericht van TonnyKamper op ma 11 jun 2018 - 23:34

Voeg een bericht toe wanneer u bedankt


Met deze tip kunt u een klein bericht toevoegen onderaan het bericht dat is bedankt door de auteur van het onderwerp (bedankknop).


Deze wijziging is compatibel met alle versies zolang aan deze voorwaarden is voldaan:


  • Sjabloonveranderingen zijn niet zo belangrijk
  • Het bedankt systeem is geactiveerd :
    Beheerderspaneel Modules Reputatie Activeer Reputatiesysteem: Ja
  • Er is een bedankkleur geselecteerd :
    Beheerderspaneel Display Kleuren Achtergrondkleur van een bedankt bericht

1. Hoe kan ik dit bedankbericht toevoegen?


Om dit bericht toe te voegen, hoeft u geen oprichter van het forum te zijn, de beheerdersstatus is voldoende omdat er geen aanpassing van sjablonen nodig is.  Smile

CSS-wijzigingen


Het is noodzakelijk eerst de volgende CSS-code toe te voegen. Dit is de stijl van het bericht dat wordt weergegeven, u kunt dit naar wens wijzigen.

Ga naar: Beheerderspaneel Display Kleuren > Cascading Stylesheet tab en plak deze code er in:
Code:
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
  color:#280;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  background-color:#DFD;
  border:1px solid #BDB;
  border-radius:6px;
  padding:6px;
  margin:6px;
}

De javascript-code om toe te voegen


Ga naar: Beheerderspaneel Modules Javascript code beheer Nieuw Javascript
En voeg het volgende script toe:

Titel : Bedank bericht
Plaatsing : op de topics

Code:
$(function() {
  var message = function(child, parent) {
        var pseudo = $(child, parent).text(),
            icon = '<img src="https://i.servimg.com/u/f18/18/21/60/73/fa_sta10.png" alt=""/>';
  
        return '<div id="fa_thanks_message">' + icon + ' De topic starter bedankt ' + pseudo + ' ! ' + icon + '</div>';
      },
    
      version = $('.bodylinewidth')[0] ? 0 : document.getElementById('wrap') ? 1 : $('.pun')[0] ? 2 : document.getElementById('ipbwrapper') ? 3 : 'badapple', // version check
      node = document.createElement(version ? 'DIV' : 'TR'),
      post = $(version ? 'div' : 'tr' + '.post'),
      j = post.length,
      i = 0;
 
  if (version == 'badapple') {
    if (window.console) console.error('Ce plugin n\'est pas optimisé pour la version de votre forum.');
    return;
  }
 
  node.id = 'fa_thanks'; // id for style modifications
  if (!version) node.innerHTML = '<td colspan="2"></td>'; // phpbb2 must have a cell as the child node
 
  for (; i < j; i++) {
  
    if ((version ? post[i] : post[i].firstChild).style.backgroundColor) { // thanked posts have the backgroundColor style property
    
      post[i].className += ' thanked'; // mark the thanked post with a class
      (version ? node : node.firstChild).innerHTML = message(['.name', 'dl > dt > strong', '.username', '.popmenubutton'][version], post[i]); // thanks message
    
      switch (version) {
      
        case 0 : // phpbb2
          node.firstChild.style.backgroundColor = post[i].firstChild.style.backgroundColor;
          node.firstChild.className = post[i].firstChild.className;
          post[i].parentNode.insertBefore(node, post[i].nextSibling);
          break;
        
        case 1 : // phpbb3
          post[i].firstChild.insertBefore(node, post[i].firstChild.lastChild.previousSibling);
          break;
        
        case 2 : // punbb
          node.className = 'postfoot';
          node.style.margin = '0';
          post[i].appendChild(node);
          break;
        
        case 3 : // invision
          node.className = 'post-footer';
          node.style.backgroundColor = post[i].style.backgroundColor;
          post[i].appendChild(node);
          break;
      
      }
    
      break; // break out of the for loop when the thanked post is found
    }
  
  }
});

De Javascript-code wijzigen:
Als u de structuur van het bedankbericht wilt wijzigen, kunt u dit doen door de message functie aan het begin van het script aan te passen. Hier kunnen drie delen worden gewijzigd:

  1. pseudo is de variabele die de naam bevat van het lid dat is bedankt. U kunt de inhoud wijzigen of laten zoals deze is.
  2. icon is een variabele die het sterpictogram bevat. Om het te vervangen, wijzigt u gewoon de link van de afbeelding in het src attribuut.
  3. return tenslotte is de terugkeer van het bericht zelf. U kunt het aanpassen zoals u wilt, als U er maar voor zorgt dat het woord return niet wordt verwijderd, dit zorgt ervoor dat het bericht kan worden weergegeven.


Zodra deze twee codes zijn geïnstalleerd, zou dit bericht moeten verschijnen in de berichten waarin de auteur een van de leden heeft bedankt!  cheers


avatar

TonnyKamper
Hulp Moderator
Hulp Moderator

Vrouw Aantal berichten : 305
Geboortedatum : 23-10-54
Leeftijd : 63
Taal : Nederlands, Engels
Locatie : Nederland
Registratiedatum : 15-02-15
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://www.nederlandheelt.nl/ http://punt.forumactie.com
TonnyKamper is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum