1. Benvenuti su XenForo Italia!

    Stai navigando nella nostra community come Ospite.

    Avere un account su XenForo Italia ti permetterà di creare e partecipare alle discussioni, scaricare i file di traduzione in italiano, vedere le immagini e i video a formato intero, iniziare conversazioni personali con gli altri membri del forum e di utilizzare tutte le funzioni di questo sito.

    Condividi anche tu la tua passione per XenForo!

    Registrarsi è gratis ed elimina la pubblicità

Tag:
  1. Il Custode

    Il Custode Custode del Forum Membro dello Staff Licenza Verificata

    Ecco un breve tutorial, per farsi la firma più "trendy" del momento.

    Si tratta di un breadcrumb che riporta il nome utente, il numero dei post, il numero dei "mi piace" e in ultimo i trofei conquistati con la frequentazione della community su cui siete iscritti.
    In poche parole si presenta così:

    [​IMG]

    E' davvero semplice impostarla, vediamo come.

    Il servizio è gestito da http://xenmod.com/ e utilizzando una loro stringa si ottiene la firma. Per comporla esistono due metodi. Quello manuale e quello automatico.


    Metodo Automatico:

    Basta visitare questo link http://xenmod.com/signature/gen.php e inserire nel primo campo, copiandolo e incollandolo, il link al vostro profilo. Nel mio caso è http://www.xfitalia.it/community/members/giorgino.1/

    e si ottiene cliccando qui:

    profilo.png


    Si otterrà quindi un link da inserire nella firma del proprio profilo nel formato

    [IMG]http://xenmod.com/signature?site=xfitalia.it/community&id=1&colour=blue&font=222222&show=name;posts;likes;trophies[/IMG]


    Metodo Manuale:

    Osservando la stringa della firma ottenuta precedentemente, basta inserire il dominio della community dove inserirete la firma, e sostituire id=1 con l'id utente vostro che avete su quella board (ben visibile nell'indirizzo del vostro profilo) e il gioco è fatto.

    Buon divertimento ;)
     
    A najaru piace questo elemento.
  2. 3nzo

    3nzo Membro Junior

    Com'è Possibile applicarlo a tutti gli Utenti...?
     
  3. Kintaro

    Kintaro Custode del Forum Licenza Verificata

    e soprattutto... come fa a funzionare se xenmod.com non esiste più? :D
     
  4. Il Custode

    Il Custode Custode del Forum Membro dello Staff Licenza Verificata

    ehehe infatti addio firma :triste:
     
  5. netkingZ

    netkingZ Admin XenForo Licenza Verificata

    <Premessa>
    Non ho mai visto in azione questa firma o il programma utilizzato o il sito xenmod.com , ma l'unica immagine che ho trovato su internet mi ha fatto comprendere forse di cosa si trattava.

    <Codice>
    Codice:
    <!-- Inizio modifica Firma-Breadcrumb -->
     
                    <xen:if is="{$visitor.content_show_signature}">
                        <div class="baseHtml signature ugc" >
                        <aside>
                            <xen:if is="{$message.status}">
                                <div style="color: #003366";><strong>Sto pensando:</strong> <i>{$message.status}</i></div>
                            </xen:if>
                            <xen:if is="{$message.signature}">
                                <div>{xen:raw $message.signatureHtml}</div>
                            </xen:if>
                        <div class="baseHtml signature ugc" style="background-color:#F5FAfD; width:65%;border:1px solid #A5CAE4; padding:2px; border-radius:5px ; color:#176093">
                          <div style="float:left">
                            Messaggi: {$message.message_count}</div> <div style="height:24px ; width:15px ;background: URL('http://oi47.tinypic.com/357mwk6.jpg') no-repeat;float:left; margin:-2px 2px 0px 0px"></div>
                          <div style="float:left">
                            Piaciuto: {$message.like_count}</div> <div style="height:24px ; width:15px ;background: URL('http://oi47.tinypic.com/357mwk6.jpg') no-repeat;float:left; margin:-2px 2px 0px 0px"></div>
                          <div style="float:left">
                            Punti: {$message.trophy_points}</div> <div style="height:24px ; width:15px ;background: URL('http://oi47.tinypic.com/357mwk6.jpg') no-repeat;float:left; margin:-2px 2px 0px 0px"></div>
                            Registrato: {xen:date $message.register_date}
                                <xen:if is="{$message.location}">
                                    <div style="float:right"> Scrivo da: {xen:string censor, $message.location}</div><div style="height:24px ; width:15px ;background: URL('http://oi47.tinypic.com/357mwk6.jpg') no-repeat;float:right; margin:-2px 2px 0px 0px"></div>
                                </xen:if>
                        </div>
                        </aside>
                        </div>
                    </xen:if>
     
            <!-- Fine modifica Firma-Breadcrumb -->
    Come potete notare la soluzione era interna a questo sito , infatti ho utilizzato il codice postato dall'Admin su di un altra questione e modificandolo opportunamente si ottiene questo:

    [​IMG]

    <Spiegazione Codice>

    Codice:
     <div class="baseHtml signature ugc" style="background-color:#F5FAfD; width:65%;border:1px solid #A5CAE4; padding:2px; border-radius:5px ; color:#176093">
    in questa parte di codice si definisce il contenitore e si possono variare :
    1. il colore del background [ nell'esempio è : background-color:#F5FAfD; ]​
    2. la percentuale di larghezza della barra [ nell'esempio è : width:65%; ]​
    3. il padding [ nell'esempio è : padding:2px; ]​
    4. il border-radius [ nell'esempio è : border-radius:5px ; ]​
    5. e il colore delle scritte contenute nel div [ nell'esempio è : color:#176093; ]​

    Codice:
    <div style="height:24px ; width:15px ;background: URL('http://oi47.tinypic.com/357mwk6.jpg') no-repeat;float:left; margin:-2px 2px 0px 0px"></div>
    in questa parte di codice si definisce la freccia di separazione e si possono variare :
    1. le dimensioni [ nell'esempio è :height:24px ; width:15px ; ]​
    N.B.: dovete poi cambiare anche le dimensioni del contenitore se cambiate queste dell'immagine della freccia.​
    2. il link dell'immagine [ nell'esempio è :http://oi47.tinypic.com/357mwk6.jpg ]​
    N.B.: Ho semplicemente caricato l'immagine su di un sistema on-line , la cosa migliore è sempre utilizzare l'immagine associata al proprio server.​
    3. il margine di distanza e posizionamento dell'immagine [ nell'esempio è :margin:-2px 2px 0px 0px ]​

    Da quello che ho capito i punti dovrebbero essere i trofei.

    Non credo che il risultato che ho ottenuto si distacca enormemente da quello iniziale. :)
    Spero di esservi stato utile.
     
    A Il Custode piace questo elemento.
  6. Il Custode

    Il Custode Custode del Forum Membro dello Staff Licenza Verificata

  7. netkingZ

    netkingZ Admin XenForo Licenza Verificata

    Grazie, spero che possa essere utile . ;)
     
  8. Mauro

    Mauro Admin XenForo

    Scusate la niubbagine, ho compreso sia il codice che il funzionamento quello che non mi è chiaro é dove lo inserisci per farlo andare su tutti gli utenti?
     
  9. netkingZ

    netkingZ Admin XenForo Licenza Verificata

    Vai in:
    Administration --> Aspetto --> Style --> Template --> Message

    All'interno trovi :

    che sostituisci con:

     
    A Il Custode piace questo elemento.
  10. Mauro

    Mauro Admin XenForo

    Perfetto! Gentilissimo! Davvero Grazie.
     
  11. Kintaro

    Kintaro Custode del Forum Licenza Verificata

    Una cosa a cui ho fatto caso solo ora... lasciando {$message.status} da solo si bypassa la censura, meglio metterlo sotto censura con {xen:string censor, $message.status}
     

Condividi questa Pagina