vHosting 0
vhs728x90
Risultati da 1 a 24 di 24
  1. #1
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Come da titolo, il seguente tutorial permette di aggiungere nei template postbit e postbit_classic le icone con i link dei profili sociali degli utenti del forum (se impostati). Ovviamente, potete aggiungere quante icone volete e di qualsiasi genere. Di seguito mi limiterò solo a Facebook, Twitter e Google Plus perché sono i più usati e anche perché si aggiungono tutti in maniera del tutto analoga.

    Premetto che alcune parti del codice, i nomi degli elementi, le estensioni delle immagini ed i percorsi dei file che andrò ad usare nella guida possono essere chiambiati a discrezione del lettore. La presente guida è stata ralizzata e testata in una installazione pulita di MyBB 1.6.11, se avete molti plugin e/o un tema pesantemente personalizzato è possibile che dobbiate fare delle variazioni al codice qui presente.

    Let's start...

    Per prima cosa creiamo una cartella chimata socialIcons nella cartella mybbRoot/images/, dove mybbRoot è la cartella di installazione di MyBB (generalmente viene chiamata forum o semplicemente mybb). In questa cartella mettiamo le nostre icone. Per esempio, se vogliamo far visualizzare i profili di Facebook, Twitter e Google+ aggiungeremo le icone facebook.png, twitter.png e googleplus.png.

    Adesso scarichiamo il plugin PHP in Templates reperibile (senza registrazione) qui: PHP in Templates / Complex Templates ~ * e attiviamolo dal pannello di amministrazione. Come dice il nome, il plugin ci consentirà di usare del php nei template.

    Adesso aggiungiamo 3 nuovi campi personalizzati per gli utenti andando in AdminCP > Configuration > Custom Profile Fields > Add new profile field.

    Title: ID Profilo Facebook
    Short Description: ID per il proprio profilo di Facebook.
    Fiedl Type: Textbox
    Maximum Length: 30 *(vedi fine messaggio)
    Display Order: 4 **(vedi fine messaggio)
    Required: No
    Editable by Users: Yes
    Hide on profile: No
    Minium post count: ***(vedi fine messaggio)
    Dato il generico link del profilo di Facebook https://www.facebook.com/profile.php?id=100005000060000, l'ID risulta essere 100005000060000, oppure, se si ha https://www.facebook.com/Pinco.Pallo, l'ID da inserire risulta essere Pinco.Pallo.

    Per Twitter, possiamo usare qualcosa di simile:

    Title: ID Profilo Twitter
    Short Description: ID per il proprio profilo di Twitter.
    Fiedl Type: Textbox
    Maximum Length: 30 *(vedi fine messaggio)
    Display Order: 5 **(vedi fine messaggio)
    Required: No
    Editable by Users: Yes
    Hide on profile: No
    Minium post count: ***(vedi fine messaggio)
    Dato il generico link del profilo di Twitter https://twitter.com/PilloPanco, l'ID da inserire è PilloPanco.

    Idem per Google Plus:

    Title: ID Profilo Google Plus
    Short Description: ID per il proprio profilo di Google Plus.
    Fiedl Type: Textbox
    Maximum Length: 30 *(vedi fine messaggio)
    Display Order: 6 **(vedi fine messaggio)
    Required: No
    Editable by Users: Yes
    Hide on profile: No
    Minium post count: ***(vedi fine messaggio)
    Dato il generico link di un profilo di Google Plus https://plus.google.com/105060709010805090708, l'ID risulata essere 105060709010805090708 o qualsiasi cosa sia al suo posto. Per esempio, se ho https://plus.google.com/PalloPinco l'ID da inserire sarà PalloPinco.

    * 30 caratteri sono molti, però coprono anche i nomi più lunghi, modificate il valore a vostro piacere.
    ** divrebbe essere UNICO quindi se avete già creato altri campi, probabilmente dovete usarne altri rispetto all'esempio di questa guida.
    *** qui mettete il numero minimo di messaggi nel forum che un utente deve avere per poter usare il campo, altrimenti lasciate vuoto.

    N.B.: l'ordine di visualizzazione non è l'ID del campo! In questo esempio coincidono, ma tenete bene a mente che non sono la stessa cosa. Questo è importante poiché poi nella variabile $post['fidX'], al posto di X andrà messo l'ID del campo e non l'ordine di visualizzazione. L'ID dei vari campi è visualizzabile nella lista di tutti i campi personalizzati.

    Ogni utente protrà gestire tali campi andando in UserCP > Edit Profile.

    Infine, andiamo nel template postbit e postbit_classic e aggiungiamo qualcosa di simile:

    Codice:
    <if $post['fid4'] || $post['fid5'] || $post['fid6'] then>
        <div class="socialIcons">
            <if $post['fid4'] then>
                <a href="https://www.facebook.com/profile.php?id={$post['fid4']}"><img src="https://www.cionfs.it/forum/images/socialIcons/facebook.png" /></a>
            </if>
            <if $post['fid5'] then>
                <a href="https://twitter.com/{$post['fid5']}"><img src="https://www.cionfs.it/forum/images/socialIcons/twitter.png" /></a>
            </if>
            <if $post['fid6'] then>
                <a href="https://plus.google.com/{$post['fid6']}"><img src="https://www.cionfs.it/forum/images/socialIcons/googleplus.png" /></a>
            </if>
        </div>
    </if>
    Perché dico simile? Perché, nel postbit è più comodo usare il tag <td> al posto del tag <div>.
    Gli if annidati servono perché così se il campo è vuoto (attenzione: gli spazi vengono consideati caratteri) non compare la relativa icona, e se tutti e tre sono vuoti allora non compare niente, nemmeno un possibile frame rappresentato in questo caso dal contenitore con la classe socialIcons.

    Di seguito c'è il codice completo che ho usato nel template postbit per avere il risultato che vedere in figura. Ci tengo a precisare che ho aggiunto un frammento di codice relativo alla classe socialIcons nel global.css per migliorarne la visualizzazione.

    Risultato per il postbit:



    Codice da aggiungere al global.css:

    Codice:
    .socialIcons {
        width: 120px;
    }
    Template postbit completo:

    Codice:
    {$ignore_bit}
    <a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
        <tbody>
            <tr>
                <td class="tcat">
                    <div class="float_left smalltext">
                        {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
                    </div>
                    {$post['posturl']}
                </td>
            </tr>
    
            <tr>
                <td class="trow1 {$unapproved_shade}">
                    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                        <tr>
                            <td class="post_avatar" width="1" style="{$post['avatar_padding']}">
                                {$post['useravatar']}
                            </td>
                            <td class="post_author">
                                <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
                                <span class="smalltext">
                                    {$post['usertitle']}<br />
                                    {$post['userstars']}
                                    {$post['groupimage']}
                                </span>
                            </td>
    			<if $post['fid4'] || $post['fid5'] || $post['fid6'] then>
    			    <td class="socialIcons">
    				<if $post['fid4'] then>
    				    <a href="https://www.facebook.com/profile.php?id={$post['fid4']}"><img src="https://www.cionfs.it/forum/images/socialIcons/facebook.png" /></a>
    				</if>
    				<if $post['fid5'] then>
    				    <a href="https://twitter.com/{$post['fid5']}"><img src="https://www.cionfs.it/forum/images/socialIcons/twitter.png" /></a>
    				</if>
    				<if $post['fid6'] then>
    				    <a href="https://plus.google.com/{$post['fid6']}"><img src="https://www.cionfs.it/forum/images/socialIcons/googleplus.png" /></a>
    				</if>
    			    </td>
    			</if>
                            <td class="smalltext post_author_info" width="165">
                                {$post['user_details']}
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
    
            <tr>
                <td class="trow2 post_content {$unapproved_shade}">
                    <span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
    
                    <div class="post_body" id="pid_{$post['pid']}">
                        {$post['message']}
                    </div>
                    {$post['attachments']}
                    {$post['signature']}
    
                    <div class="post_meta" id="post_meta_{$post['pid']}">
                    {$post['iplogged']}
                    </div>
                </td>
            </tr>
    
            <tr>
                <td class="trow1 post_buttons {$unapproved_shade}">
                    <div class="author_buttons float_left">
                        {$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
                    </div>
                    <div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
                    </div>
                </td>
            </tr>
        </tbody>
    </table>
    Per il postbit_classic non serve fare nessuna modifica al codice con il tag <div> siccome si visualizza discretamente, né serve aggiungere dello stile.

    Risultato per il postbit_classic:



    Codice completo del postbit_classic:

    Codice:
    {$ignore_bit}
    <table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
        <tr>
            <td class="{$altbg}" width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
            <strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
            <span class="smalltext">
                {$post['usertitle']}<br />
                {$post['userstars']}
                {$post['groupimage']}
                {$post['useravatar']}<br />
    		<if $post['fid4'] || $post['fid5'] || $post['fid6'] then>
    		    <div class="socialIcons">
    			<if $post['fid4'] then>
    			    <a href="https://www.facebook.com/profile.php?id={$post['fid4']}"><img src="https://www.cionfs.it/forum/images/socialIcons/facebook.png" /></a>
    			</if>
    			<if $post['fid5'] then>
    			    <a href="https://twitter.com/{$post['fid5']}"><img src="https://www.cionfs.it/forum/images/socialIcons/twitter.png" /></a>
    			</if>
    			<if $post['fid6'] then>
    			    <a href="https://plus.google.com/{$post['fid6']}"><img src="https://www.cionfs.it/forum/images/socialIcons/googleplus.png" /></a>
    			</if>
    		    </div>
    		</if>
                {$post['user_details']}
            </span>
        </td>
        <td class="{$altbg}" valign="top">
            <table width="100%">
                <tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
                <br />
                <div id="pid_{$post['pid']}" class="post_body">
                    {$post['message']}
                </div>
                {$post['attachments']}
                {$post['signature']}
                <div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                    <div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                    {$post['iplogged']}
                </div>
            </td></tr>
        </table>
    </td>
    </tr>
    <tr>
        <td class="{$altbg}" style="white-space: nowrap; text-align: center; vertical-align: middle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>
        <td class="{$altbg}" style="vertical-align: middle;">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr valign="bottom">
                    <td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                    <td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
                </tr>
            </table>
        </td>
    </tr>
    </table>


    N.B.:
    come ho già detto all'inizio di questo messaggio, la guida è indicativa. Preferibilmente, rispondete a questa discussione solo se avete dei problemi con la guida stessa e non per farvi fare una modifica su misura perché di tempo per seguire le richieste di tutti non ne ho.
    Ultima modifica di MaxSteel; 13-10-13 alle 10:36 Motivo: Fix minori al codice.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  2. I seguenti 3 utenti hanno ringraziato MaxSteel per questo post

    caygri (11-11-13),Kendrick Lamar (12-10-13),Kowak (12-10-13)

  3. #2
    Data Registrazione
    08/12/11
    Località
    Viterbo
    Età
    25
    Messaggi
    289
    Grazie dati
    22
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Grazie *-*

  4. #3
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Ho aggiornato il codice facendo in modo che gli utenti debbano aggiungere solamente l'ID del profilo e non il link intero. Per evitare che vengano messi link strani funzionanti.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  5. #4
    Data Registrazione
    08/12/11
    Località
    Viterbo
    Età
    25
    Messaggi
    289
    Grazie dati
    22
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Ma quando tu dici
    "Dato il generico link del profilo di Facebook: https://www.facebook.com/profile.php?id=100005000060000, l'ID risulta essere 100005000060000."
    Dove andrebbe trovato questo codice? Perche nel mio profilo di FB c'è il mio nome e non questo codice lungo.

  6. #5
    Data Registrazione
    18/05/13
    Messaggi
    238
    Grazie dati
    25
    Ringraziato 23 volte in 20 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Ma se nel campo che si compila si mettesse il link completo del profilo facebook non sarebbe più semplice? idem per gli altri campi

  7. #6
    Data Registrazione
    08/12/11
    Località
    Viterbo
    Età
    25
    Messaggi
    289
    Grazie dati
    22
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Io ci ho provato e comunque funziona. Devi però considerare come ha detto max che la gente potrebbe mettere altri links.
    Comunque steel, per ID di Facebook scrivi che vanno bene anche quelli delle pagine di facebook.

  8. #7
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Citazione Originariamente Scritto da Kowak Visualizza Messaggio
    Ma quando tu dici
    "Dato il generico link del profilo di Facebook: https://www.facebook.com/profile.php?id=100005000060000, l'ID risulta essere 100005000060000."
    Dove andrebbe trovato questo codice? Perche nel mio profilo di FB c'è il mio nome e non questo codice lungo.
    È uguale. Se hai il nome al posto della strina numerica, metti il nome. Stessa cosa per Google Plus.

    Citazione Originariamente Scritto da Kendrick Lamar Visualizza Messaggio
    Ma se nel campo che si compila si mettesse il link completo del profilo facebook non sarebbe più semplice? idem per gli altri campi
    Inizialmente lo avevo fatto, ma non essendoci alcun controllo sul link, un utente avrebbe potuto mettere un link qualsiasi.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  9. #8
    Data Registrazione
    08/12/11
    Località
    Viterbo
    Età
    25
    Messaggi
    289
    Grazie dati
    22
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Dunque, ho fatto come hai detto tu.
    Ho creato i campi personalizzati e ho inserito il codice:
    POSTBIT
    Codice PHP:
    {$ignore_bit}
    <
    a name="pid{$post['pid']}id="pid{$post['pid']}"></a>
    <
    table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder" style="{$post_extra_style} {$post_visibility}id="post_{$post['pid']}">
        <
    tbody>
            <
    tr>
                <
    td class="tcat">
                    <
    div class="float_left smalltext">
                        {
    $post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
                    </
    div>
                    {
    $post['posturl']}
                </
    td>
            </
    tr>

            <
    tr>
                <
    td class="trow1 {$unapproved_shade}">            
                                  <
    table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
                        <
    tr>
                            <
    td class="post_avatar" width="1" style="{$post['avatar_padding']}">
                                {
    $post['useravatar']}
                            </
    td>
                            <
    td class="post_author">
                                <
    strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
                                <
    span class="normaltext">
                                    {
    $post['usertitle']}<br />
                                    {
    $post['userstars']}
                                    {
    $post['groupimage']}
    <if 
    $post['fid6'] || $post['fid7'] || $post['fid8'then>
        <
    div class="socialIcons">
            <if 
    $post['fid6'then>
                <
    a href="https://www.facebook.com/profile.php?id={$post['fid6']}"><img src="http://www.gamer-core.it/forum/images/socialicons/facebook.png" /></a>
            </if>
            <if 
    $post['fid7'then>
                <
    a href="https://twitter.com/{$post['fid7']}"><img src="http://www.gamer-core.it/forum/images/socialIcons/twitter.png" /></a>
            </if>
            <if 
    $post['fid8'then>
                <
    a href="https://plus.google.com/{$post['fid8']}"><img src="http://www.gamer-core.it/forum/images/socialIcons/googleplus.png" /></a>
            </if>
        </
    div>
    </if>
                                </
    span>
                            </
    td>
                            <
    td class="smalltext post_author_info" width="165">
                                {
    $post['user_details']}
                            </
    td>
                        </
    tr>
                    </
    table>
                </
    td>
            </
    tr>

            <
    tr>
                <
    td class="trow2 post_content {$unapproved_shade}">
                    <
    span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

                    <
    div class="post_body" id="pid_{$post['pid']}">
                        {
    $post['message']}
                    </
    div>
                    {
    $post['attachments']}
                    {
    $post['signature']}

                    <
    div class="post_meta" id="post_meta_{$post['pid']}">
                    {
    $post['iplogged']}
                    </
    div>
                </
    td>
            </
    tr>

            <
    tr>
                <
    td class="trow1 post_buttons {$unapproved_shade}">
                    <
    div class="author_buttons float_left">
                        {
    $post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}
                    </
    div>
                    <
    div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
                    </
    div>
                </
    td>
            </
    tr>
        </
    tbody>
    </
    table
    POSTBIT CLASSIC

    Codice PHP:
    {$ignore_bit}
    <
    table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder" style="{$post_extra_style} {$post_visibility}id="post_{$post['pid']}">
        
        <
    tr>

        
            <
    td class="trow1 usergroup{$post['usergroup']}width="15%" valign="top" style="white-space: nowrap; text-align: center;"><a name="pid{$post['pid']}id="pid{$post['pid']}"></a>
                    <
    strong><span class="smalltext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
            <
    span class="normaltext">
                {
    $post['usertitle']}<br />
                {
    $post['userstars']}
                {
    $post['groupimage']}
                {
    $post['useravatar']}<br />
                {
    $post['user_details']}
    <if 
    $post['fid6'] || $post['fid7'] || $post['fid8'then>
        <
    div class="socialIcons">
            <if 
    $post['fid6'then>
                <
    a href="https://www.facebook.com/profile.php?id={$post['fid6']}"><img src="http://www.gamer-core.it/forum/images/socialicons/facebook.png" /></a>
            </if>
            <if 
    $post['fid7'then>
                <
    a href="https://twitter.com/{$post['fid7']}"><img src="http://www.gamer-core.it/forum/images/socialIcons/twitter.png" /></a>
            </if>
            <if 
    $post['fid8'then>
                <
    a href="https://plus.google.com/{$post['fid8']}"><img src="http://www.gamer-core.it/forum/images/socialIcons/googleplus.png" /></a>
            </if>
        </
    div>
    </if>
            </
    span>
        </
    td>
        <
    td class="{$altbg}valign="top">
            <
    table width="100%">
                <
    tr><td>{$post['posturl']}<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>
                <
    br />
                <
    div id="pid_{$post['pid']}class="post_body">
                    {
    $post['message']}
                </
    div>
                {
    $post['attachments']}
                {
    $post['signature']}
                <
    div style="text-align: right; vertical-align: bottom;" id="post_meta_{$post['pid']}">
                    <
    div id="edited_by_{$post['pid']}">{$post['editedmsg']}</div>
                    {
    $post['iplogged']}
                </
    div>
            </
    td></tr>
        </
    table>
    </
    td>
    </
    tr>
    <
    tr>
    <
    td class="trow1 usergroup{$post['usergroup']} style="white-spacenowraptext-aligncentervertical-alignmiddle;"><span class="smalltext">{$post['postdate']} {$post['posttime']}</span></td>

        <td class="
    trow1 usergroup{$post['usergroup']} style="vertical-align: middle;">
            <
    table width="100%" border="0" cellpadding="0" cellspacing="0">
                <
    tr valign="bottom">
                    <
    td align="left" ><span class="smalltext">{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}{$post['button_rep']}</span></td>
                    <
    td align="right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}</td>
                </
    tr>
            </
    table>
        </
    td>
    </
    tr>
    </
    table
    Il problema è che si vede solo l'icona di facebook:

    3eb68cc693f49205b160b33d285d5962.jpg18bbfeeeb7d7867a77ac42bd3fbabc50.jpg078049ae4794203eeab2de001950d7af.png

    Perche non mi fa vedere gli altri anche se "mi pare" che sia tutto giusto? Compreso i codici che ho inserito nel mio user cp?

  10. #9
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Il problema risiede nel fatto che la cartella contenente le icone la hai chiamata socialicons e non socialIcons... e mentre per l'icona di Facebook hai modificato il codice cambiando il nome della cartella in cui cercare per le altre lo hai lasciato così come era nel mio esempio.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  11. Il seguente utente ha ringraziato MaxSteel per questo post

    Kowak (15-10-13)

  12. #10
    Data Registrazione
    08/12/11
    Località
    Viterbo
    Età
    25
    Messaggi
    289
    Grazie dati
    22
    Ringraziato una volta in un post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Risolto

    Ascolta cosa devo scrivere in global.css affinche le icone sotto l'avatar siano messe tipo in righe da massimo 3-4 immagini? Cioe siccome sto mettendo molti campi e quindi molte immaginine, dopo sgrana il postbit e si allunga troppo.

  13. #11
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    L'accapo automatico è previsto nel codice che ho messo. Un lista potrebbe funzionare più che bene.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  14. #12
    Data Registrazione
    18/05/13
    Messaggi
    238
    Grazie dati
    25
    Ringraziato 23 volte in 20 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Scusa max, per l'applicazione del button skype presente su cionfs dove posso trovarlo? In modo che lo applico a un button sotto al postbit

  15. #13
    Data Registrazione
    15/09/08
    Località
    Taranto, Italy
    Età
    35
    Messaggi
    38,113
    Grazie dati
    1,577
    Ringraziato 2,932 volte in 2,572 post
    Mentioned
    152 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    E' integrato in vB4

  16. #14
    Data Registrazione
    18/05/13
    Messaggi
    238
    Grazie dati
    25
    Ringraziato 23 volte in 20 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Non è presente qualche applicazione per effettuare una cosa simile a cionfs? Una pagina con i script per skype?

    Comunque ho effettuato una modifica allo script, per chi volesse una cosa del genere, sempre col php:
    Se il campo è vuoto, l'icona non si visualizza invece se il campo è riempito l'icona si visualizza:

    Codice PHP:
    <?php
     
    if ("{$post['fid4']}"=="") {echo "";} else {echo "<div class=\"socialIcons\"><a href=\"https://www.facebook.com/profile.php?id={$post['fid4']}\"><img src=\"http://www.helite.net/community/images/socialIcons/facebook.png\" /></a></div>";}

    if (
    "{$post['fid5']}"=="") {echo "";} else {echo "<div class=\"socialIcons\"><a href=\"https://www.twitter.com/{$post['fid5']}\"><img src=\"http://www.helite.net/community/images/socialIcons/twitter.png\" /></a></div>";}

    if (
    "{$post['fid6']}"=="") {echo "";} else {echo "<div class=\"socialIcons\"><a href=\"https://www.plus.google.com/{$post['fid6']}\"><img src=\"http://www.helite.net/community/images/socialIcons/googleplus.png\" /></a></div>";}

     
    ?>
    Nel css di socialIcons ricordatevi di aggiungere:

    Codice:
    display:inline;

  17. #15
    Data Registrazione
    01/10/09
    Località
    Napoli
    Età
    23
    Messaggi
    2,910
    Grazie dati
    0
    Ringraziato 399 volte in 352 post
    Mentioned
    59 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Vedi questo MyBB - Mods - Skype MyBB! :)

  18. #16
    Data Registrazione
    18/05/13
    Messaggi
    238
    Grazie dati
    25
    Ringraziato 23 volte in 20 post
    Mentioned
    0 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Provato e sembra che utilizzi uno script per skype ormai non più disponibile, infatti appena vado a riempire il campo nel postbit mi si visualizza solo il value del campo e nessun bottone. Forse ma forse provo a scrivere un plugin abbastanza semplice oppure una guida che permette una funzione come quella di cionfs sfruttando le funzioni:

    skype:{$post['fidx']}?add
    skype:{$post['fidx']}?call

    e via di seguito, sembrano le uniche funzioni funzionanti.

  19. #17
    Data Registrazione
    14/03/09
    Località
    termoli/cb/pz
    Età
    29
    Messaggi
    5,794
    Grazie dati
    309
    Ringraziato 481 volte in 384 post
    Mentioned
    76 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    complimenti max per la splendida guida! :D
    Caygri.com
    La web agency che cercavi
    ServerOutlet.it
    Hosting, VPS, Server Dedicati Low-Cost

  20. #18
    Pasquale Martusciello Guest

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Maxsteel complimenti, vorrei sapere se c'è un modo per inserire altre images scelte dagli utenti GOLD.

  21. #19
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Ti basta creare un nuovo campo personalizzato e renderlo modificabile solamente al gruppo desiderato.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  22. #20
    Data Registrazione
    13/04/16
    Messaggi
    122
    Grazie dati
    4
    Ringraziato 3 volte in 3 post
    Mentioned
    2 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Salve, spero di non fare necro post.. nel caso mi scuso in anticipo.. ho da poco installato mybb sul mio sito altervista e ho seguito questa guida per aggiungere i social link per facebook e youtube funziona tutto alla perfezione se clicco che ne so l'icona di facebook finisco sul mio profilo facebook ma c'è una cosa strana.. se io vado con la freccia sull'icona di facebook il link che il browser rileva invece di avere il link che finisce col mio ID di facebook ha il link che termina con "id=Uomo" e difatti il campo sesso non compare la cosa buffa però è che se clicco l'icona di facebook il browser non mi rimanda al profilo con ID: Uomo ma mi manda al mio profilo ossia al id da me impostato nel profilo come posso risolvere? da cosa è dovuto il problema? Qui di seguito posto la porzione di codice del mio postbit classic a cui fa riferimento il tutto..

    Codice:
    <strong><span class="largetext">{$post['profilelink']}</span></strong> </br>
            <span class="smalltext">
                {$post['usertitle']}<br />
                {$post['userstars']}
                {$post['groupimage']}
                {$post['useravatar']}<br />
                <if $post['fid2'] || $post['fid3'] then>
                <div class="socialIcons">
                <if $post['fid3'] then>
                    <a href="facebook.com/profile.php?id={$post['fid3']}"><img src="themindcraft.altervista.org/images/socialIcons/facebook.png" /></a>
                </if>
                    <if $post['fid2'] then>
                    <a href="youtube.com/{$post['fid2']}"><img src="themidcraft.altervista.org/images/socialIcons/youtube.png" /></a>
                </if>
                </div>
            </if>
                {$post['user_details']}<!-- postbit_achivements -->{$post['achivementspostbit']}<!-- /postbit_achivements -->{$post['newpoints_postbit']}
            </span>

    P.s. come versione di mybb ho l'ultima uscita la 1.8.7 e come tema ho un tema chiamato Minecraft Theme preso dal sito mods di mybb
    p.p.s. essendo un nuovo utente non posso mettere i link quindi per mostrare la mia porzione di codice ho dovuto togliere la parte www e http dai link

  23. #21
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Penso che gli ID che hai usato (2 e 3) siano sbagliati: di norma gli ID 1, 2 e 3 appartengono ai tre campi personalizzati preimpostati in MyBB (assumendo che non siano stati rimossi) . Probabilmente Facebook ti reindirizza alla tua pagina del profilo non trovando la risorsa indicata.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  24. #22
    Data Registrazione
    13/04/16
    Messaggi
    122
    Grazie dati
    4
    Ringraziato 3 volte in 3 post
    Mentioned
    2 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    i 3 campi personalizzati preimpostati che io ho "tradotto" in italiano erano "Bio", "Sesso" e "Dove Abiti" e oltre ad averli tradotti ho cambiato i loro id mettendoli alla posizione 4,5,6 per mettere appunto i campi personalizzati creati da me(id facebook, id youtube e nickname minecraft) con id 1, 2, 3 quindi boh non credo possa essere quello l'errore :-/ ma non lo so.. dovrei provare a cambiare id al campo facebook e youtube e vedere se da lo stesso "errore"?


    EDIT: se cambio l'id di facebook da 3 a 7(ad esempio) non compare più l'icona di facebook o.O

  25. #23
    Data Registrazione
    23/11/09
    Messaggi
    5,267
    Grazie dati
    498
    Ringraziato 1,038 volte in 885 post
    Mentioned
    172 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    Sicuro che non stai confondendo l'ID con il numero di visualizzazione? Leggi il nota bene che trovi più o meno a metà guida.
    "In theory, theory and practice are the same; in practice they, are not." · Yogi Berra

  26. #24
    Data Registrazione
    13/04/16
    Messaggi
    122
    Grazie dati
    4
    Ringraziato 3 volte in 3 post
    Mentioned
    2 Post(s)

    Predefinito Re: [GUIDA] Aggiungere icone Facebook, Twitter, Google+, ecc. degli utenti nel postbit.

    può essere ahahah perchè in effetti scemo come sono può darsi che io abbia confuso la cosa

    EDIT: okei si, ora funziona errore mio succede quando ti metti a lavorare a ste cose di sera e sei poco lucido

Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
Seguici!
P.IVA: 02750560738
Cionfs © - Cionfs ® - Marchio registrato numero 0001524896
© Cionfs'Forum CMS - Cionfs'Forum CMS - Guide Gratis - Supporto CMS - E' vietata la copia anche parziale senza autorizzazione.
Questo sito utilizza cookies di analytics su dati esclusivamente aggregati e cookies di terze parti per migliorare l'esperienza dell'utente tramite plugin sociali e video.
Cliccando su oppure continuando la navigazione sul sito accetti i cookies. Per l'informativa completa clicca qui.