Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Avatar de quem criou o topico

5 participantes

Início :: Forumeiros :: NostalgiaAvatar de quem criou o topico

Diguinho Diguinho  • Qui 31 Jan 2013 - 17:14

Avatar de quem criou o topico Empty Avatar de quem criou o topico Qui 31 Jan 2013 - 17:14

ae como eu coloco 1 fotinha como essa no meu forum de quem crio o topico ou ultimo a responder seila

porfavor quero como no print !

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

forum onde vi :

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[Dark]Doki-. [Dark]Doki-.  • Qui 31 Jan 2013 - 19:56

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Qui 31 Jan 2013 - 19:56

Adicione este javascript :
Código:
jQuery(document).ready(function() { jQuery("tbody.statusid tr td.tcr span:not(tbody.statusid tr td.tcr a span)").each(function() { var link = jQuery(this).find('a:eq(0)').attr('href'), j = jQuery(this); jQuery.get(link,function(data) { var i = jQuery('.user-ident a img[alt]:last', data).attr('src'), k = jQuery('.user h4.username a:last', data).attr('href'); jQuery(j).prepend('<a href="' + k + '" id="avatar-lastpost" style=float:left;padding-right:5px"><img src="' + i + '" /></a></br>') }); }); });
Investimento : Index

Diguinho Diguinho  • Sex 1 Fev 2013 - 1:31

Firenando Firenando  • Sex 1 Fev 2013 - 1:35

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Sex 1 Fev 2013 - 1:35

Olá, adicione este código aos seus JavaScripts.

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);
    };
 
});

E adicione este código 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;
}

LucasRPG LucasRPG  • Sex 1 Fev 2013 - 2:13

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Sex 1 Fev 2013 - 2:13

Olá, O Motivo de não estar funcionando o código, deve ser por conflitos entre os Javascripts.

Diguinho Diguinho  • Sáb 2 Fev 2013 - 17:03

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Sáb 2 Fev 2013 - 17:03

fiernando , desculpe mais não ficou como o do website que mostrei ;/

tem como tentar por igual ao do print que enviei ?

Target Target  • Sáb 2 Fev 2013 - 17:49

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Sáb 2 Fev 2013 - 17:49

Olá Diguinho,
Adicione o Jquery postado pelo Firenando.
E no CSS, adicione este:
Código:

.mini_ava {
float: left;
}

.mini_ava img {
padding:1px;
border:1px solid #515151;
background:#393939;
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.1);
box-shadow:0px 2px 2px rgba(0,0,0,0.1)
}

.mini_ava img:hover {
border-color:#5f5f5f;
-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0px 2px 2px rgba(0,0,0,0.2);
box-shadow:0px 2px 2px rgba(0,0,0,0.2)
}

.mini_ava img /* Edite para a altura e largura */ {
    height:30px; /* Altura */
    width:30px; /* Largura */
}

Procure por " height e width " e edite para a altura e largura desejada.

Veja se funcionará,
Até mais.

Diguinho Diguinho  • Dom 3 Fev 2013 - 5:55

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico Dom 3 Fev 2013 - 5:55

promotheus , quando eu passo a seta encima da foto a borda n muda a cor , e a foto esta grudada no negocio do topico '-'

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Diguinho Diguinho  • Dom 3 Fev 2013 - 6:01

Firenando Firenando  • Dom 3 Fev 2013 - 6:46

Conteúdo patrocinado  • 

Avatar de quem criou o topico Empty Re: Avatar de quem criou o topico

Início :: Forumeiros :: Nostalgia:: Avatar de quem criou o topico
Permissões neste sub-fórum
Não podes responder a tópicos