avatar nas últimas mensagens

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

Resolvido avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 03/11/12, 11:39 pm

Qual é minha questão:
Como colocar avatar nas últimas mensagens, tipo aqui:



onde vi isso:

http://familiaabusers.forumeiros.com/forum

Links e imagens do meu problema:
Http://i.imgur.com/w2eio.jpg

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

Versão do meu fórum:
PHPBB2


Última edição por NarutodeKonoha em 09/11/12, 07:15 pm, editado 1 vez(es)
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Sr.pepek em 03/11/12, 11:55 pm

Ola!
Use este código aqui no seu CSS :

Código:
    /* Avatar na página principal - Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek */
    .avatar-index {float: left;}
    .avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
    .avatar-index img:hover {border: 1px dashed #CCC;}
    .avatar-subforo {float: right;}
    /* Avatar na página principal - Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek - FIM */
JS :
Código:

    // No lugar de VERSAO, coloque a versão do seu fórum e letras minúsculas. Por exemplo, phpbb3.
    // Desenvolvido por http://shift.forumactif.com/u116 Toxi|Geek.
    var versionForum='VERSAO';

    eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('2.3('<0 4="5://6-7.8.9/a/b/1/c-d-e-'+f+'.1" g="h/i">\j');',20,20,'script|js|document|write|src|http|scripts|giobanii|googlecode|com|svn|trunk|forumotion|avatar|index|versionForum|type|text|javascript|n'.split('|'),0,{}))

Investimento - No Indice.

Sr.pepek
Membro do Fórum

Masculino
Inscrito dia : 28/03/2012
Mensagens : 1175
Pontos Ativos : 1592

Ver perfil do usuário http://www.foxgames.forumais.com

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 04/11/12, 12:41 am

n funcionou
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por iHeloadd em 04/11/12, 02:16 am

Olá, não sei se funciona em todas as versões mais pelo menos na phpBB3 funcionou, que no caso é a minha

CSS:
.mini_ava img {

width: 59px;
height: 65px;
border:2px solid gray;
}
.mini_ava {
float: left;
}

Width = Largura em px
Height = Altura em px
Border = Borda em vouta / solid (gray = cor em ingles)


JavaScript:
Código:
$(function(){

    if(!window.localStorage) return;
 
    // Avatar par défaut
    var default_avatar= 'http://i42.servimg.com/u/f42/17/62/49/09/pp-bla10.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 eu te ajudei, me ajude também, clique em Obrigado
avatar

iHeloadd
Usuário destaque

Masculino
Inscrito dia : 25/09/2012
Mensagens : 519
Pontos Ativos : 949

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 04/11/12, 03:35 pm

n funcionou!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior em 04/11/12, 07:14 pm

Boa tarde,

O código passado na 2° mensagem está correto. O que parece é que o senhor tem algum código Java Sccript que está à dar erro. Retire todos é teste apenas o do avatar nas ultima mensagens passado na 2° mensagem..

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 04/11/12, 10:32 pm

cara n ta funcionando!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Consolado em 04/11/12, 10:46 pm

Olá!

Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Clique em "Criar um novo JavaScript".

Título Seta Escolha o título que quiser
Investimento Seta No índice

Codigo JavaScript:
jQuery(document).ready(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); }; });
Clique em "Confirmar".

Feito isto,

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.mini_ava { float: left; } .mini_ava img { width: 40px; height: 40px; 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: 80px; height: 80px; }
Valide.

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 04/11/12, 11:05 pm

tambem n foi!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 05/11/12, 08:46 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 07/11/12, 06:26 pm

up!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Luciano98 em 07/11/12, 10:47 pm

Olá!

Acabei de verificar e suas páginas Javascript estão praticamente lotadas e é bem provável que alguns dos seus códigos Javascript estejam entrando em conflito com os códigos do tópico.

Eu sugiro que você desative todos seus códigos Javascript e utilize esse código Javascript que vou lhe apssei., só assim saberemos se o problema é em seus códigos Javascript.
Eu testei esse código diretamente pelo navegador e ele funcionou aqui.

Código Javascript:
Código:
$(function(){if(!window.localStorage)return;var default_avatar='http://i42.servimg.com/u/f42/17/62/49/09/pp-bla10.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)}});

Código CSS:
Código:
.mini_ava img { width: 59px; height: 65px; border:2px solid gray; } .mini_ava { float: left; }

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 08/11/12, 02:33 pm

funcionou, mas ele ficou muito grande eu quero redimensionar ele
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por iTzFuuuury em 08/11/12, 10:26 pm

Olá,

Se possivel mostre-me uma print do tamanho,que ficou as imagem!
avatar

iTzFuuuury
Nível 9

Masculino
Inscrito dia : 26/09/2012
Mensagens : 231
Pontos Ativos : 310

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Tokera em 08/11/12, 10:29 pm

Eu não entendi nada,oque você quer fazer?
avatar

Tokera
Nível 4

Masculino
Inscrito dia : 06/11/2012
Mensagens : 31
Pontos Ativos : 34

Ver perfil do usuário http://google.com

Resolvido Re: avatar nas últimas mensagens

Mensagem por Kirins em 08/11/12, 10:48 pm

Adicione o seguinte codigo em sua css no lugar desse:
retire:
.mini_ava img { width: 59px; height: 65px; border:2px solid gray; }

adicione:

.mini_ava img {
border: 1px solid black;
float: left;
height: 40px;
margin-right: 10px;
margin-top: 10px;
width: 40px;
}
Veja se o codigo resulta.
OBS: As partes em vermelho serão o tamanho do avatar modifique de acordo com seu gosto.
avatar

Kirins
Nível 2

Masculino
Inscrito dia : 08/11/2012
Mensagens : 7
Pontos Ativos : 7

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 09/11/12, 02:26 pm

sem resultado!
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

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

Resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior em 09/11/12, 02:30 pm

Olá novamente!

Crie um JavaScript com investimento em No Índice:
// No lugar de VERSAO, coloque a versão do seu fórum e letras minúsculas. Por exemplo, phpbb3. //
var versionForum='VERSAO';

eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 0=3;$(4(){0=5});$.6(\'7://8-9.a.b/c/d/1/e.1\');',15,15,'READY_AVATAR|js|var|false|function|true|getScript|http|scripts|giobanii|googlecode|com|svn|trunk|avatar_index'.split('|'),0,{}))

Queira aceder ao primeiro passo:
Seta Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos Códigos JavaScript

Clique em >> Adicionar "Criar um novo JavaScript".

Título: >> Escolha o título que quiser
Investimento: >> No índice

Aceda sua folha CSS e coloque o seguinte código:
Código:
.avatar-index {float: left;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #DDD;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px dashed #CCC;}
.avatar-subforo {float: right;}

Queira aceder ao segundo passo:
Seta Painel de Controle >> Visualização >> Imagens e Cores >> Cores >> Folha de Estilo CSS

Caso não funcione pode ser algum outro código que esta fazendo com que esse não funcione. Em meu fórum aconteceu de eu colocar o código que retira o Título das respostas fui e retirei ele e funcionou. Verifique um por um e veja se resulta em algo pois o código esta funcionando perfeitamente, acabei de testar agora.

Cordialmente! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: avatar nas últimas mensagens

Mensagem por Mercer' em 09/11/12, 02:40 pm

Ele quer outra dimensao para o tamanho,sendo que no codigo nao deu resultado modificar tais dimensões,Também tentei modificar o campo mas sem resultado.
Cordialmente, Mercer
avatar

Mercer'
Nível 9

Masculino
Inscrito dia : 07/06/2012
Mensagens : 158
Pontos Ativos : 220

Ver perfil do usuário http://idesign.forumais.com

Resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior em 09/11/12, 02:45 pm

Buenas!

Sendo isto, no próprio código CSS fornecido pelo nosso amigo Luciano há soluções, veja logo abaixo:

.mini_ava img { width: 59px; height: 65px; border:2px solid gray; } .mini_ava { float: left; }

O que está em vermelho negrito, o senhor deve modificar até ficar ao teu gosto!

Cordialmente! Piscada
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: avatar nas últimas mensagens

Mensagem por Mercer' em 09/11/12, 05:04 pm

@Mikéé escreveu:Buenas!

Sendo isto, no próprio código CSS fornecido pelo nosso amigo Luciano há soluções, veja logo abaixo:

.mini_ava img { width: 59px; height: 65px; border:2px solid gray; } .mini_ava { float: left; }

O que está em vermelho negrito, o senhor deve modificar até ficar ao teu gosto!

Cordialmente! Piscada

Eu tente modificar neste codigo,nao teve resultado.
Grato,Mercer
avatar

Mercer'
Nível 9

Masculino
Inscrito dia : 07/06/2012
Mensagens : 158
Pontos Ativos : 220

Ver perfil do usuário http://idesign.forumais.com

Resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior em 09/11/12, 05:09 pm

Buenas!

Troque por este:

.mini_ava img { width: 59px !important; height: 65px !important; border:2px solid gray; } .mini_ava { float: left; }

Coloque o código no INICIO de teu CSS.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha em 09/11/12, 06:14 pm

vlw! funcionou
avatar

NarutodeKonoha
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 414
Pontos Ativos : 571

Ver perfil do usuário http://animessoul.forumeiros.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