ToolTag BETA 1.0Personalizza completamente e migliora la tua TagBoard ed il suo funzionamento con questo script!

« Older   Newer »
 
  Share  
.
  1.     +4    
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous

    ToolTag


    Descrizione: Personalizza completamente e migliora la tua TagBoard ed il suo funzionamento con questo script!
    Versione: BETA 1.0
    Demo : Anteprima



    Funzionalità

    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 Script


    enabled:

    Lasciare il valore impostato su true se volete abilitare lo script. In caso contrario impostatelo su false.


    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 su false. 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 su false


    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 su false. 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
     
    Top
    .
  2.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    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 ?
     
    Top
    .
  3.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    Link?
     
    Top
    .
  4.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    http://unbruttoforum.forumfree.it/
     
    Top
    .
  5.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    Installa lo script o non posso aiutarti.
     
    Top
    .
  6.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    Fatto.
     
    Top
    .
  7.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    Metti nei css:
    .tag .avatar img {width:40px;height:40px;}
     
    Top
    .
  8.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    Grazie, per ingrandirla come era prima (era 255px) ?
     
    Top
    .
  9.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    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}
     
    Top
    .
  10.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    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
     
    Top
    .
  11.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    Quella è la tagboard del nostro forum. Che ha un html completamente diverso (e anche un css).
     
    Top
    .
  12.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    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).
     
    Top
    .
  13.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    Cosa intendi? Di default viene inserito come una tagboard normale.
     
    Top
    .
  14.      
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    6,332
    Activity Level
    0
    Location
    Roma

    Status
    Anonymous
    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
     
    Top
    .
  15.      
     
    .
    Avatar

    Senior Member

    Group
    Direttore
    Posts
    18,469
    Activity Level
    +60

    Status
    Anonymous
    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) .
     
    Top
    .
39 replies since 2/5/2017, 12:27   1689 views
  Share  
.
Top