-
.
ToolTag
Descrizione: Personalizza completamente e migliora la tua TagBoard ed il suo funzionamento con questo script!
Versione: BETA 1.0
Demo : AnteprimaFunzionalità
ToolTag: Migliorerà la tua esperienza con la TagBoard di forumfree, ti permetterà di personalizzare completamente il suo HTML e aggiungerà nuove funzionalità a quest'ultimad!
Qui di seguito elencherò le funzionalità del ToolTag!- È interamente modificabile grazie all'utilizzo di {{ mustache }}, tecnica adoperata già nella DRSS.
- AutoRefresh: La possibilità di decidere ogni quanto tempo la TagBoard si aggiornerà da sola.
- Popup BBCode: La possibilità di decidere se inserire un popup BBCode al posto dei normali BBCode e cosa inserire al suo interno.
- Delete All: Cancellazione immediata di tutti i messaggi della TagBoard , inizialmente realizzata da IAL32.
- Placeholder: Questo script inserisce il messaggio predefinito in TagBoard per non appesantire il forum con tanti script.
- Color Picker: strumento che dà la possibilità di usare più colori!
- Impostazioni semplici ed intuitive.
Installazione
Compatibilità: Nuovo e Vecchio Layout
Inserire in Codici HTML --> Codice HTML che sarà mostrato in FONDO a tutte le pagine, se non già presente, questi codici:HTML<script src="http://ffmagazine.forumfree.net/paralizer/tooltag.js"></script>
Inserire in Codici HTML --> Codice HTML che sarà mostrato in CIMA a tutte le pagine, se non già presenti, questi codici:HTML<script src="http://ffmagazine.forumfree.net/bored/r/r.min.js"></script>HTML<script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/g/mustache.js"></script>
Impostazioni Script
Inserire in Codici HTML --> Codice HTML che sarà mostrato in CIMA a tutte le pagine, se non già presente, questo codice:HTML<script type="text/javascript">
var tooltag = {
enabled: true,
autorefresh: 30,
tagboard: {placeholder: "Inserire testo qui..."},
bbcode_popup :
{
enabled: false,
input: ["b","i","u","url","br","smiles","color"]
},
delete :
{
confirm: true
} ,
deleteall :
{
enabled: true
}
}
</script>
Configurazione Scriptenabled
:Lasciare il valore impostato su
true
se volete abilitare lo script. In caso contrario impostatelo sufalse
.autorefresh
:Valore in secondi del tempo dell'auto aggiornamento, minimo 30 secondi.
tagboard
:
placeholder
:Messaggio predefinito in tagboard, per disattivare questa funzione impostare la variabile come
false
.bbcode_popup
:
enabled
:
Lasciare il valore impostato su
true
se volete abilitare la creazione del popup, in caso contrario impostatelo sufalse
. Ricordate in caso sia attivo dovrete inserire{{&bbcode.bbcode_popup}}
nel template della tagboard dove volete che compaia il pulsante.input
:
Array input da inserire nel popup. Ricordate: gli input inseriti in questa lista verranno rimossi dal template normale!
Lista input disponibile:b
:Grassetto i
:Corsivo u
:Sottolineato url
:Possibilità di inserire link color
:Possibilità di inserire testi colorati (con l'aggiunta del color picker) smiles
:Le Faccine! br
:Un semplice "a capo" delete
:confirm
:Prima di elimenare un messaggio chiede la conferma! Per abilitare questa funzione impostate il parametro su
true
altrimenti sufalse
deleteall
:enabled
:Se impostato su
true
inserirà un pulsante per cancellare tutti i messaggi con un click, se non si desidera questa funzione impostate il parametro sufalse
. Potete spostare il pulsante come meglio volete muovendo{{&bbcode.deleteall}}
nel template.
Template Base
Inserire in Codici HTML --> Codice HTML che sarà mostrato in CIMA a tutte le pagine (O prima della tagboard) , se non già presente, questo codice che imposterà il template della tagboard (lo script altrimenti non funzionerà):HTML<script type="text/x-mustache" id="tooltag_template">
<!-- Personalizzazione messaggi, ricordate l'id non può essere rimosso ma l'ol può essere trasformato in un div e cosi via. -->
<ol id="tagObject" class="list" style="height:90px;overflow:auto">{{#messages}}
<li class="{{user.class.group}} {{user.class.gender}} {{user.class.status}}">{{&message.button_canc}} {{&message.ip_link}} <div class="when" style="display:inline-block">{{message.date}}</div> <a class="user" href="/?act=Profile&MID={{user.id}}"><div class="avatar-user" style="display:inline-block"><img src="{{user.avatar}}"></div> <div class="nickname" style="display:inline-block"><b>{{user.nickname}}</b></div></a>: <div class="message" style="display:inline">{{&message.content}}</div></li>
{{/messages}}
</ol>
<!-- Fine Personalizzazione Messaggi -->
<!-- Personalizzazione Bottoni Tagboard -->
{{#bbcode.form}}<table width="100%" cellpadding="4" cellspacing="0" style="text-align:center" class="ww"><tbody><tr>
<td width="5%" valign="middle" nowrap="">
{{&bbcode.b}} {{&bbcode.i}} {{&bbcode.u}} {{&bbcode.url}}
<br>
{{&bbcode.counter}} {{&bbcode.color}} {{&bbcode.smiles}}
</td>
<td valign="middle">
{{&bbcode.textarea}}
</td>
<td width="5%" valign="middle" style="padding-left:0" nowrap="">
{{&bbcode.deleteall}} {{&bbcode.submit}}
</td></tr></tbody></table>{{/bbcode.form}}</script>
Conf. Template
Qui sotto elencherò tutti i {{mustache}}/{{&mustache}} disponibili che potrete inserire nel template, ricordate {{mustache}} inserirà solo il testo, mentre {{&mustache}} potrà inserire anche l'html (per i bottoni):{{#bbcode.form}}{{/bbcode.form}}
Possiamo definirlo un "contenitore", al suo interno dovrete inserire l'html che verrà mostrato per il form messaggi se quest'ultimo sarà visualizzabile {{&bbcode.b}}
Vi permette di inserire il pulsante che vi permetterà di scrivere in grassetto! {{&bbcode.i}}
Vi permette di inserire il pulsante che vi permetterà di scrivere in corsivo! {{&bbcode.u}}
Vi permette di inserire il pulsante che vi permetterà di scrivere sottolineato! {{&bbcode.url}}
Vi permette di inserire il pulsante che vi permetterà di inserire url! {{&bbcode.color}}
Vi permette di inserire un select che vi permetterà di scegliere il colore che più preferite per i vostri messaggi! {{&bbcode.smiles}}
Vi permette di inserire l'immagine per inserire le faccine da voi impostate su ForumFree! {{&bbcode.textarea}}
Vi permette di inserire la textarea dove andrete a scrivere il vostro messaggio! {{&bbcode.counter}}
Vi permette di inserire un counter che vi mostrerà quanti caratteri avete ancora a disposizione! {{&bbcode.submit}}
Vi permette di inserire il pulsante invia! {{&bbcode.deleteall}}
Vi permette di inserire (se attivo nelle impostazioni) il pulsante per eliminare tutti i messaggi! {{&bbcode.bbcode_popup}}
Vi permette di inserire (se attivo nelle impostazioni) il popup con all'interno i bbcode da voi scelti! {{#messages}}{{/messages}}
Possiamo definirlo un "contenitore", al suo interno dovrete inserire l'html che verrà mostrato per tutti i messaggi Impostazioni da inserire nel "contenitore" messages
{{user.class.group}}
Inserisce una classe inerente al gruppo dell'utente che ha postato il messaggio, formato classe: classe. {{user.class.gender}}
Inserisce una classe inerente al sesso impostato dall'utente che ha postato il messaggio, formato classe: classe. {{user.class.status}}
Inserisce una classe inerente allo status dell'utente (online, offline, anonimo) che ha postato il messaggio, formato classe: classe. {{user.id}}
Inserisce il mid dell'utente che ha postato il messaggio. {{user.avatar}}
Inserisce l'url dell'avatar dell'utente che ha postato il messaggio. {{user.nickname}}
Inserisce il nickname dell'utente che ha postato il messaggio. {{&message.button_canc}}
Inserisce il pulsante per cancellare i messaggi (solo se abilitati a farlo). {{&message.ip_link}}
Inserisce il link per il controllo degli ip (Solo staffer). {{message.date}}
Inserisce la data in cui è stato postato il messaggio. {{&message.content}}
Inserisce contenuto del messaggio.
Dentro<script type="text/x-mustache" id="tooltag_template"></script>
c'è il template che {{ mustache }} andrà a compilare.
Il codice che viene fornito rappresenta un template di base. Se non fosse di vostro gradimento, potete modificarlo come preferite!
Piccole nozioni base:
- Qualsiasi struttura inserita tra{{#messages}}
e{{/messages}}
verrà stampata per ogni messaggio presente in tagboard. Qualsiasi struttura inserita all'esterno verrà stampata una volta sola.
- Qualsiasi struttura inserita tra{{#bbcode.form}}
e{{/bbcode.form}}
verrà stampata al post del form messaggi, se si potrà vedere.
- Documentazione ufficiale di {{ mustache }}Updates- Nessuno
Altro
Si accettano consigli e suggerimenti per migliorare questo script e la vostra esperienza con tagboard!
Edited by Paralizer - 2/4/2018, 02:30. -
.
Ciao scusa, sul mio forum non funziona, appare la tag più piccola e gli avatar giganti, puoi aiutarmi? Ti metto i privilegi così puoi aiutarmi ? . -
.
Link? . -
.
http://unbruttoforum.forumfree.it/ . -
.
Installa lo script o non posso aiutarti. . -
.
Fatto. . -
.
Metti nei css:
.tag .avatar img {width:40px;height:40px;}. -
.
Grazie, per ingrandirla come era prima (era 255px) ? . -
.
O modifichi l'html del'ol modificando l'height da 90 a 195px o aggiungi ai ccs: CODICE.tag .tagboard_restructure > ol {height:195px !important}. -
.
Gentilissimo! Scusami ma non sono molto esperto in materia, per avere esattamente la tag come in questa foto che altri codici devo modificare? https://i.imgur.com/tojnw83 . -
.
Quella è la tagboard del nostro forum. Che ha un html completamente diverso (e anche un css). . -
.
Scusami ancora, ma dove inserisco questi ? Se mi puoi solamente indicare sotto quale codice inserirli, grazie infinite!
{{&bbcode.b}} Vi permette di inserire il pulsante che vi permetterà di scrivere in grassetto!
{{&bbcode.i}} Vi permette di inserire il pulsante che vi permetterà di scrivere in corsivo!
{{&bbcode.u}} Vi permette di inserire il pulsante che vi permetterà di scrivere sottolineato!
{{&bbcode.url}} Vi permette di inserire il pulsante che vi permetterà di inserire url!
{{&bbcode.color}} Vi permette di inserire un select che vi permetterà di scegliere il colore che più preferite per i vostri messaggi!
{{&bbcode.smiles}} Vi permette di inserire l'immagine per inserire le faccine da voi impostate su ForumFree!
{{&message.button_canc}} Inserisce il pulsante per cancellare i messaggi (solo se abilitati a farlo).
{{&message.ip_link}} Inserisce il link per il controllo degli ip (Solo staffer).. -
.
Cosa intendi? Di default viene inserito come una tagboard normale. . -
.
Mi spiego meglio, da quel che ho capito questo script permette di inserire un bottene che se premuto permette di inserire varie funzioni, ebbene come si fa a metterlo ed impostare queste funzioni? Scusami ma davvero me ne intendo poco di programmazione . -
.
Questo script inserisce diverse funzioni , tra cui un popup che semplicemente nasconde i pulsanti e li mostra con un click (tipo b,i,u) , poi aggiunge il deleteAll che ti permette di eliminare tutti i messaggi in tagboard con un click e poi ti permette di modificare l'html della tagboard a tuo piacimento ed altre mini funzioni interne (che non si vedono e ne sono modificabili) . .