Imagem do ultimo postador

3 participantes

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

Tópico resolvido Imagem do ultimo postador

Mensagem por RoxLindo 19.02.13 9:58

Qual é minha questão:
Bom, estou com um grande problema, sabe aquela imagem de último postador? Então, ela se encontra grande demais, não consigo resolver devido a meu leigo conhecimento, por favor, peço ajuda!

Imagem do ultimo postador Gfgsdfg


Heelp-me

Endereço do meu fórum:
http://familiahotz.forumeiros.com

Versão do fórum:
PunBB


Última edição por iTunnez_Live em 20.02.13 2:17, editado 1 vez(es)
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por RoxLindo 19.02.13 13:40

@UP
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por HangoveR 19.02.13 14:18

Olá, poderia passar o codigo usado ?
HangoveR

HangoveR
Membro

Membro desde : 23/08/2012
Mensagens : 662
Pontos : 923

http://clatssempre.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por RoxLindo 19.02.13 14:26

Amigo, rs eu tinha esquecido de por o css, está funcionando como deveria, o unico problema é esse:

Imagem do ultimo postador Helppme

Não tem nenhuma postagem, e aparece uma imagenzinha branca
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por RoxLindo 19.02.13 15:59

@UP - desculpem, é que realmente preciso muito!
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por RoxLindo 20.02.13 1:53

Poxa galera, sei que tô sendo chato, mas me ajudem ae!

@UP
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por FireWhite 20.02.13 1:59

Vc Usa Algum Tipo De Skin?
FireWhite

FireWhite
**

Membro desde : 09/12/2012
Mensagens : 57
Pontos : 92

http://unigames.forum-pro.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por FireWhite 20.02.13 2:10

Adicione Ao Seu CSS:
Código:

.mini_ava {
float: left;
}
.mini_ava img {
width: 50px;
height: 50px;
margin: 0 5px;
border-radius: 2px;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
Adicione A Teu JavaScript:
Código:
jQuery(document).ready(function(){
       
    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://i.imgur.com/4v2MR.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);
    };
 
});

Se Não Resulta tente Este:

Adicione A Seu JavaScript:
Código:

$(document).ready(function(){$('.tcr a[href*="/u"]').mouseover(function(){$(this).parents('strong').css('position','relative');$('.perfilInfo').remove();$(this).parents('.tcr').css('overflow','visible');$(this).before('<div class="perfilInfo"style="position:absolute;"><span class="setPerfil"><span><img class="PerfilInfoImg"src="http://r25.imgfast.net/users/2517/28/07/20/avatars/1-82.png"/><h2>'+$(this).html()+'</h2><p><b>Cargo:</b> <span></span></p><p><b>Posts:</b> <span></span></p><p><b>Registro:</b> <span></span></p><p><b>Pontos:</b> <span></span></p><span class="linkPrf"><a href="/privmsg?mode=post&u='+$(this).attr('href').replace('/u','')+'">Enviar MP</a></span><span class="linkPrf"><a href="'+$(this).attr('href')+'">Ver perfil</a></span></span></span></span></div>');$.get($(this).attr('href'),function(retornoMembro){var avtPrf=$('#profile-advanced-right img:first',retornoMembro).attr('src');$('.PerfilInfoImg').attr('src',avtPrf);var perfil_rank=$('#profile-advanced-right .module .main-content img:eq(1)',retornoMembro).attr('alt');var perfil_post=$('#field_id-6 dd',retornoMembro).html();var perfil_cad=$('#field_id-4 dd',retornoMembro).html();var perfil_lastV=$('#field_id-13 dd',retornoMembro).html();$('.setPerfil p:eq(0) span').html(perfil_rank);$('.setPerfil p:eq(1) span').html(perfil_post);$('.setPerfil p:eq(2) span').html(perfil_cad);$('.setPerfil p:eq(3) span').html(perfil_lastV)});$('.perfilInfo').mouseleave(function(){$(this).remove()})})});

Adicione A Seu CSS:

Código:

.perfilInfo{background:url(http://forum.teamspeak.com.br/public/style_images/master/stems/bottomleft.png) no-repeat 98% 0;float:left;height:167px;left:-43em;padding:16px 0 38px 5px;top:13px;width:510px;z-index:999}.linkPrf{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background:#F6F6F6;border:1px solid #DBDBDB;border-radius:0 0 4px 4px;border-top:none;bottom:-7px;box-shadow:0 1px 0 rgba(255,255,255,1) inset, 0 1px 0 rgba(0,0,0,0.3);color:#616161;float:left;height:14px;left:13.8em;margin:2px;padding:2px;text-align:center;text-decoration:none!important;transition:all .2s ease-in-out;width:8em}.linkPrf:hover{border-color:#9A9A9A;color:#4C4C4C}.linkPrf:hover a{color:#4C4C4C}.linkPrf a{color:#616161!important;font-size:12px;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none}.setPerfil{background:rgba(0,0,0,0.3);border-radius:3px;display:block;height:100%;padding:5px 5px 10px}.setPerfil > span{background:#f9f9f9;border:1px solid #999;border-radius:3px;display:block;height:100%;padding:3px}.setPerfil .PerfilInfoImg{-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);display:table;float:left;height:91px;padding:1px;width:91px}.setPerfil .PerfilInfoImg:hover{-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);border-color:#A1A1A1;box-shadow:0 2px 2px rgba(0,0,0,0.2)}.setPerfil p div{display:inline}.setPerfil h2{background:#E1E1E1;border-radius:0 10px 0 0;box-shadow:1px 1px 0 #CCC;display:block;float:left;font-family:"Trebuchet MS";font-size:19px;font-style:normal;font-variant:normal;font-weight:bold;margin-bottom:10px;padding:5px;text-shadow:1px 1px 0 #fff;width:382px}.setPerfil p{-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;background:#F1F1F1;border-left:3px solid #333;border-top:1px solid #333;box-shadow:1px 1px 0 #CCC;display:block;float:right;font-weight:400;margin:2px 5px;padding:5px;text-align:left;width:350px}.setPerfil p:hover{box-shadow:1px 1px 0 #9A9A9A}

Resultou?
FireWhite

FireWhite
**

Membro desde : 09/12/2012
Mensagens : 57
Pontos : 92

http://unigames.forum-pro.net

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem do ultimo postador

Mensagem por RoxLindo 20.02.13 2:16

Muito obrigado Fire, funcionou perfeitamente!
RoxLindo

RoxLindo
***

Membro desde : 14/01/2013
Mensagens : 161
Pontos : 242

http://familiahotz.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos