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

  • per chiudere questo avviso, clicca la crocetta >>
    ATTENZIONE: Per scaricare le traduzioni, verifica la tua licenza
    Per scaricare la traduzione o per ottenere supporto devi prima verificare la validità della tua licenza XenForo. Puoi farlo a partire da questa pagina.
    Buon Download!

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Nome MOD:
Photo-Zoom FB Style

Tipologia Codice:
JavaScript+HTML

Descrizione:
MOD per aggiungere la possibilità di zoom immediatamente all'immagine dell'Avatar come utilizzato su FaceBook

Salve mi sono dilettato nel modificare alcune parti del codice sorgente per creare l'effetto sopra descritto . Per il momento il codice che vi fornisco l'ho testato solo in locale e solo con la Skin "Baisik" , ma vi invito a riportarmi qui di seguito le vostre impressioni e suggerimenti. Grazie.

Procedura:
ACP-->Aspetto-->Template-->sidebar_user_info

In sidebar_user_info subito all'inizio :

Codice:
<script type="text/JavaScript">
function UpAvatar()
{
  document.getElementById('bigAvatar').style.display ="block";
}
 
function DownAvatar()
{
  document.getElementById('bigAvatar').style.display ="none";
}
</script>

Modificare :

Codice:
<xen:avatar user="$user" size="m" />

con :

Codice:
<xen:avatar user="$user" size="m" onMouseOver="UpAvatar()" onmouseout="DownAvatar()"/>
                        <div style="background-color:#fff; border:1px solid #999;  height:200px ; width:200px ; margin-top:-150px; margin-left:-150px; border-radius:5px; display:none" id="bigAvatar"  >
                          <div style="border:1px solid #999;  height:192px ; width:192px ; margin-top:3px; margin-left:3px"  >
                      <img src="../data/avatars/l/0/{$user.user_id}.jpg" height="192px" width="192px">
                          </div>
                  </div> <!--// Immagine //-->

Il codice è molto semplice , ma spero risulti utile a chi come me ne aveva bisogno.

Screen:


2hp255f.jpg



Funzionamento:

Quando il mouse passa sull'Avatar esce la scritta lo Zoom dell'Avatar , quando ne esce scompare .
 

netkingZ

Admin XenForo
Licenza Verificata
Punteggio reazioni
84
Punti
55
Quando entri nell'immagine quest'ultima si ingrandisce, se hai abilitata la funzione ZoomPhoto su FB comprendi quello che ho cercato di fare... anche se è solo una prova.
 

SideSilent

Admin XenForo
Licenza Verificata
Punteggio reazioni
2
Punti
30
Ok io non ho sidebar_user_info

ho solo

sidebar.css
sidebar_online_users
sidebar_share_page
sidebar_share_page.css
sidebar_visitor_panel
 

SideSilent

Admin XenForo
Licenza Verificata
Punteggio reazioni
2
Punti
30
non trovo nulla.... cmq su online_users ho il riferimento agli avatar

Codice:
<xen:edithint template="sidebar.css" />
 
<!-- block: sidebar_online_staff -->
<xen:if hascontent="true">
    <div class="section staffOnline avatarList">
        <div class="secondaryContent">
            <h3>{xen:phrase staff_online_now}</h3>
            <ul>
                <xen:contentcheck>
                    <xen:foreach loop="$onlineUsers.records" value="$user">
                        <xen:if is="{$user.is_moderator} OR {$user.is_admin}">
                            <li>
                                <xen:avatar user="$user" size="s" img="true" />
                                <xen:username user="$user" rich="true" />
                                <div class="userTitle">{xen:helper userTitle, $user}</div>
                            </li>
                        </xen:if>
                    </xen:foreach>
                </xen:contentcheck>
            </ul>
        </div>
    </div>
</xen:if>
<!-- end block: sidebar_online_staff -->
 
<!-- block: sidebar_online_users -->
<div class="section membersOnline userList">       
    <div class="secondaryContent">
        <h3><a href="{xen:link online}" title="{xen:phrase see_all_online_users}">{xen:phrase members_online_now}</a></h3>
       
        <xen:if is="{$onlineUsers.records}">
       
            <xen:if is="{$visitor.user_id}">
                <xen:if hascontent="true">
                <h4 class="minorHeading"><a href="{xen:link account/following}">{xen:phrase people_you_follow}:</a></h4>
                <ul class="followedOnline">
                    <xen:contentcheck>
                        <xen:foreach loop="$onlineUsers.records" value="$user">
                            <xen:if is="{$user.followed}">
                                <li title="{$user.username}" class="Tooltip"><xen:avatar user="$user" size="s" img="true" class="_plainImage" /></li>
                            </xen:if>
                        </xen:foreach>
                    </xen:contentcheck>
                </ul>
                <h4 class="minorHeading"><a href="{xen:link members}">{xen:phrase members}:</a></h4>
                </xen:if>
            </xen:if>
           
            <ol class="listInline">
                <xen:foreach loop="$onlineUsers.records" value="$user" i="$i">
                    <xen:if is="{$i} <= {$onlineUsers.limit}">
                        <li>
                        <xen:if is="{$user.user_id}">
                            <a href="{xen:link members, $user}"
                                class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        <xen:else />
                            {xen:phrase guest}<xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
                        </xen:if>
                        </li>
                    </xen:if>
                </xen:foreach>
                <xen:if is="{$onlineUsers.recordsUnseen}">
                    <li class="moreLink">... <a href="{xen:link online}" title="{xen:phrase see_all_visitors}">{xen:phrase and_x_more, 'count={xen:number $onlineUsers.recordsUnseen}'}</a></li>
                </xen:if>
            </ol>
        </xen:if>
       
        <div class="footnote">
            {xen:phrase online_now_x_members_y_guests_z, 'total={xen:number $onlineUsers.total}', 'members={xen:number $onlineUsers.members}', 'guests={xen:number $onlineUsers.guests}'}
        </div>
    </div>
</div>
<!-- end block: sidebar_online_users -->
 

Per rispondere Entra o Registrati è Gratis…

Perchè dovresti Registrarti?

  • Partecipare e Creare Discussioni
  • Trovare Consigli e Suggerimenti
  • Condividere i tuoi Interessi
  • Informarti sulle Novità

Membri Iscritti online

Non ci sono Iscritti online al momento.

Nuove Discussioni

Ultimi Messaggi sui Profili

webhooks! webhooks! webhooks! webhooks!
sono l'unico ad odiare e disabilitare i messaggi di profilo?!?
Alto