Aggiungere un messaggio ad un post ringraziato

Da **MattiaDes** Mar 25 Ago 2015 - 9: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:

Aggiungere un messaggio ad un post ringraziato Captur59

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: