Inserire immagine mini autore topic piccole

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
https://aiuto.forumattivo.it/t15851-avatar-dell-utente-che-ha-postato-il-messaggio-sull-indice-del-forum?highlight=mini+avatar

Ciao,

devi solo usare questo codice da mettere nel foglio di stile (CSS)

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

Non funziona....

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

Beh, se vuoi puoi andare a Lourdes 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://2img.net/i/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

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
Gli utenti apprensivi li avete anche voi o solo io ?

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

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

beh, attenderò con ansia tue risposte

Grazie anche da parte mia !

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

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

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


Spunto

Di niente

Saluti e alla prossima