Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Inserire immagine mini autore topic piccole


Risolto Inserire immagine mini autore topic piccole

Messaggio Da La Valle dell'Eco il Mer 13 Mar 2013, 20:25

Questa discussione c'è già, ma devo chiedere una cosa ed essendo una discussione vecchia è chiusa.
Vorrei che l'immagine dell'autore fosse più piccola, per la precisione 20 per 20 pixel e non grande come l'avatar.

Va modificato il codice, ma non so come.

Link discussione dove c'è il codice Java Script
http://aiuto.forumattivo.it/t15851-avatar-dell-utente-che-ha-postato-il-messaggio-sull-indice-del-forum?highlight=mini+avatar


Ultima modifica di La Valle dell'Eco il Dom 17 Mar 2013, 20:24, modificato 1 volta (Ragione : Risolto con l'aiuto dell'attivissimo Staff)

La Valle dell'Eco
****

Sesso : Femminile
Età : 36
Messaggi : 338
Località : Lombardia


Vedere il profilo dell'utente http://www.lavalledelleco.net/
La Valle dell'Eco è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da Niko il Gio 14 Mar 2013, 10:38

Ciao,

devi solo usare questo codice da mettere nel foglio di stile (CSS) :bene:
Codice:
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 20px!important;
  height: 40px!important;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}
.mini_ava img:hover
{
  width: 20px;
  height: 20px;
}

Saluti :zen:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da La Valle dell'Eco il Gio 14 Mar 2013, 17:50

Non funziona.... Sad

Guarda, credo che il mio forum sia un disgraziato.
Ne ho provate tremila e questo mini avatar non lo piglia manco a morire.

Se ti serve saperlo uso un skin modificata e sono in phpb3.

Ma credo che l'unica soluzione sia andare a Lourdes


Il codice Java che è nel tutorial invece funziona, ma l'avatar è gigante.
Lasciar stare il Css in caso ci sia un conflitto tra codici e usare i Java può essere un'idea.
Però ne serve uno che non visualizzi avatar così grandi... ma di 20 per 20 pixel scratch

La Valle dell'Eco
****

Sesso : Femminile
Età : 36
Messaggi : 338
Località : Lombardia


Vedere il profilo dell'utente http://www.lavalledelleco.net/
La Valle dell'Eco è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da Niko il Gio 14 Mar 2013, 18:05

Beh, se vuoi puoi andare a Lourdes :good: tuttavia ci sono soluzioni più semplici ahaha

Innanzitutto controlla di aver inserito questo codice javascript:
Codice:
$(function(){
 
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
 
    // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
    var caching_time= 24*60*60*1000;
 
    // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une minute
    var caching_error= 60*1000;
 
    var set_avatar= function(id) {
        $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
    };
 
    var get_avatar= function(id) {
        if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
        {
            localStorage.setItem('d_ava'+id, default_avatar);
            $.get('/u'+id, function (d){
                localStorage.setItem('t_ava'+id,+new Date);
                localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                set_avatar(id);
            });
        }
        return localStorage.getItem('d_ava'+id);
    };
 
    var to_replace= {};
 
    $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
        to_replace[$(this).attr('href').substr(2)]= 1;
        $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
    });
 
    for(i in to_replace)
    {
        set_avatar(i);
    };
 
});

e di aver inserito questo codice CSS:
Codice:
.mini_ava {
  float: left;
}
.mini_ava img {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border-radius: 10px;
  transition: all 2s;
  -moz-transition: all 2s;
  -webkit-transition: all 2s;
  -o-transition: all 2s;
}

Se non funzionano, lasciali inseriti così potrò fare un debug del problema :good:

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da La Valle dell'Eco il Gio 14 Mar 2013, 19:09

Ah, cavolo... tutti e due insieme andavano messi?

Ok, ci provo.

Però aspetto quando ho pochi utenti on line per non scatenare il panico come ho fatto ieri Vagabondo
Gli utenti apprensivi li avete anche voi o solo io ? T.T

Comunque, entro Lunedì ti notificherò qui se ho avuto successo o no.
Lasciate aperto Wink

La Valle dell'Eco
****

Sesso : Femminile
Età : 36
Messaggi : 338
Località : Lombardia


Vedere il profilo dell'utente http://www.lavalledelleco.net/
La Valle dell'Eco è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da Niko il Gio 14 Mar 2013, 19:23

Perfetto... (ma non vanno tutti e due nella stessa parte!!)
Il codice CSS va nel foglio di stile... Il codicei javascript nel pannello di gestione dei codici javascript :good:

beh, attenderò con ansia tue risposte :zen:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da mik_re il Dom 17 Mar 2013, 09:43

Di festa
Grazie anche da parte mia !

mik_re
Sono un nuovo membro :)

Sesso : Maschile
Messaggi : 13

Vedere il profilo dell'utente http://www.alireggiane.com
mik_re è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da Niko il Dom 17 Mar 2013, 13:24

Fatemi sapere se il codice funziona correttamente e se siete riusciti a risolvere il vostro problema :good:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da mik_re il Dom 17 Mar 2013, 18:35

Ho utilizzato una emoticons che non dovrebbe lasciare dubbi sul funzionamento del codice..
Funziona Benissimo !

mik_re
Sono un nuovo membro :)

Sesso : Maschile
Messaggi : 13

Vedere il profilo dell'utente http://www.alireggiane.com
mik_re è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da La Valle dell'Eco il Dom 17 Mar 2013, 20:23

Risolto Niko. Grazie ( non mille.... diecimila Wink )


Spunto

La Valle dell'Eco
****

Sesso : Femminile
Età : 36
Messaggi : 338
Località : Lombardia


Vedere il profilo dell'utente http://www.lavalledelleco.net/
La Valle dell'Eco è stato ringraziato dall'autore di questo topic.

Risolto Re: Inserire immagine mini autore topic piccole

Messaggio Da Niko il Dom 17 Mar 2013, 21:34

Di niente :good:

Saluti e alla prossima :zen:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


Sesso : Maschile
Età : 20
Messaggi : 7360
Località : Provincia di Varese


Vedere il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum