Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Aggiungere un messaggio ad un post ringraziato


Tutorial Aggiungere un messaggio ad un post ringraziato

Messaggio Da MattiaDes il Mar 25 Ago 2015, 09:28

Aggiungere un mesaggio ad un post ringraziato

Questo tutorial ti aiuterà ad aggiungere un piccolo messaggio di seguito ai messaggi che sono stati ringraziati con il pulsante "Thanks", come nell'esempio qui sotto:


Questa modifica è per qualsiasi versione, ma devono essere soddisfatte le seguenti condizioni:

1. I templates non sono pesantemente modificati

2. Il sistema di ringraziamento è attivo. (Pannello di amministrazione ► Moduli ►  Reputazione ►  Attiva il bottone «Grazie»)

3. Hai un colore per i post ringraziati (Pannello di amministrazione ► Visualizzazione ► Colori ► I colori di sfondo ► Colore di sfondo di un messaggio ringraziato)

Se si soddisfano tutte le precedenti condizioni, allora non dovresti avere problemi con questo tutorial. Wink

Aggiungere il CSS




Bene! Ora è il momento di aggiungere del CSS. Esso sarà possibile personalizzarlo a seconda delle proprie preferenze.

Pannello di amministrazione Visualizzazione Colori "Foglio di stile CSS"


Codice:
#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;
}

Aggiungere JavaScript




Ora, bisognerà aggiungere un nuovo codice javascript. Recati nella seguente pagina:

Pannello di amministrazione Moduli Gestione del codice javascript


- Titolo: Quello che si vuole;

- Posizione: Gli argomenti;

- Codice:

Codice:
$(function() {
  var message = function(child, parent) {
        var pseudo = $(child, parent).text(),
            icon = '<img src="http://i18.servimg.com/u/f18/18/21/60/73/fa_sta10.png" alt=""/>';
  
        return '<div id="fa_thanks_message">' + icon + ' The topic starter has thanked ' + 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('This plugin is not optimized for your forum version. Please contact the support for further assistance.');
    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
    }
  
  }
});

Modifiche



Se si desidera cambiare la struttura del messaggio di ringraziamento, sentitevi liberi di modificare la funzione messaggio nella parte superiore dello script. All'interno di questa funzione vi sono tre parti, che è possibile modificare:

1. pseudo è una variabile che contiene il nome dell'utente che è stato ringraziato. È possibile modificarne il contenuto o lasciarlo così com'è.

2. icon è una variabile che contiene l'elemento immagine della stella, che sarà visualizzata su entrambi i lati del messaggio di ringraziamento. Se si vuole cambiare questo soggetto, sentitevi liberi di sostituire l'URL nel attributo src, o cambiarlo in qualcosa di completamente diverso.

3. Infine vi è return, che è il messaggio stesso. Se si vuole cambiare tutto il testo o spostare alcune delle variabili in giro, potete farlo qui. Basta fare in modo di non eliminare la parola chiave return, altrimenti il ​​messaggio non verrà visualizzato.

Ricordati di salvare lo script, una volta che hai fatto quello che volevi.  Buona giornata!  :zen:






MattiaDes
Moderattivo
Moderattivo

Sesso : Maschile
Età : 20
Messaggi : 2333
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum