1.x Ottenere la famosa "firma" fatta a "breadcrumb"

[Il Custode]

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ì:

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:

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

 

[3nzo]

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ì:

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:

Vedi l'allegato 185


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

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

 

[Kintaro]

e soprattutto... come fa a funzionare se xenmod.com non esiste più?

 

[Il Custode]

ehehe infatti addio firma

 

[netkingZ]

<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>

<!-- 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:

<Spiegazione 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; ]​

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

 

[Il Custode]

Notevole!

 

[netkingZ]

Grazie, spero che possa essere utile .

 

[Mauro]

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?

 

[netkingZ]

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

All'interno trovi :

<xen:if is="{$visitor.content_show_signature} && {$message.signature}">
<div class="baseHtml signature messageText ugc{xen:if $message.isIgnored, ' ignored'}"><aside>{xen:raw $message.signatureHtml}</aside></div>
</xen:if>

che sostituisci con:

<!-- 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 -->

 

[Mauro]

Perfetto! Gentilissimo! Davvero Grazie.

 

[Kintaro]

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}