Avatar redondo lastpost

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Avatar redondo lastpost

Mensagem por HTML em 21/04/14, 02:42 pm

  • Descrição:
Gostaria de um código de avatar no lastpost mas não quadrado e sim redondo.

 Como este, mas redondo.

  • Informações:
Fórum:http://gameslim.maisforum.comVersão:PUNBB
Tipo:Pedido de códigoTags:Avatar,redondo,lastpost



Última edição por Lio'n em 21/04/14, 06:31 pm, editado 1 vez(es)
avatar

HTML
Nível 8

Masculino
Inscrito dia : 17/04/2014
Mensagens : 114
Pontos Ativos : 216

Ver perfil do usuário http://html.ativoforum.com/

Resolvido Re: Avatar redondo lastpost

Mensagem por Kyo Panda em 21/04/14, 02:47 pm

Olá,

Adicione o código do avatar quadrado no seu fórum. Arredondar será muito simples. Feliz

Abraços.
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Avatar redondo lastpost

Mensagem por HTML em 21/04/14, 03:48 pm

Eu adicionei um código mas o mesmo não está reconhecendo o avatar dos membros.

JS~
Código:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://illiweb.com/fa/invision/pp-blank-thumb.png';var caching_time=24*60*60*1000;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)}});

css~
Código:
.mini_ava img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 36px;
margin: 0 5px;
padding: 1px;
width: 36px;
}
avatar

HTML
Nível 8

Masculino
Inscrito dia : 17/04/2014
Mensagens : 114
Pontos Ativos : 216

Ver perfil do usuário http://html.ativoforum.com/

Resolvido Re: Avatar redondo lastpost

Mensagem por Hancki em 21/04/14, 04:24 pm

Olá!

Não reconhece pelo motivo de ter um perfil personalizado!
Use este Javascript:
Código:
jQuery(document).ready(function () {
    if (!window.localStorage) return;
    var default_avatar = 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
    var caching_time = 24 * 60 * 60 * 1000;
    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, $('#ips_currentPhoto img', d).first().attr('src') || default_avatar); // Seletor mudado para perfis IPB - Hancki
                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 depois este CSS:
Código:
.mini_ava img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 36px;
margin: 0 5px;
padding: 1px;
width: 36px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
Resultado: http://prntscr.com/3c5g67

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Avatar redondo lastpost

Mensagem por HTML em 21/04/14, 06:30 pm

Obrigado Hancki, funcionou perfeitamente.
avatar

HTML
Nível 8

Masculino
Inscrito dia : 17/04/2014
Mensagens : 114
Pontos Ativos : 216

Ver perfil do usuário http://html.ativoforum.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum