avatar nas últimas mensagens

+6
Luciano98
Consolado
Sennior
iHeloadd
Sr.pepek
NarutodeKonoha
10 participantes

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

Tópico resolvido avatar nas últimas mensagens

Mensagem por NarutodeKonoha 04.11.12 1:39

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

 avatar nas últimas mensagens W2eio

onde vi isso:

http://familiaabusers.forumeiros.com/forum

Links e imagens do meu problema:
https://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 21:15, editado 1 vez(es)
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Sr.pepek 04.11.12 1:55

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.
avatar

Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 04.11.12 2:41

n funcionou
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por iHeloadd 04.11.12 4:16

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
iHeloadd

iHeloadd
Membro

Membro desde : 25/09/2012
Mensagens : 519
Pontos : 949

http://ajudafm.ativoforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 04.11.12 17:35

n funcionou!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior 04.11.12 21:14

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 05.11.12 0:32

cara n ta funcionando!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Consolado 05.11.12 0:46

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= 'https://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); }; });
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.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 05.11.12 1:05

tambem n foi!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 05.11.12 22:46

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 07.11.12 20:26

up!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Luciano98 08.11.12 0:47

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.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 08.11.12 16:33

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

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por iTzFuuuury 09.11.12 0:26

Olá,

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

iTzFuuuury
****

Membro desde : 26/09/2012
Mensagens : 231
Pontos : 310

http://gamegeneration.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Tokera 09.11.12 0:29

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

Tokera
*

Membro desde : 07/11/2012
Mensagens : 31
Pontos : 34

http://google.com

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Kirins 09.11.12 0:48

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.
Kirins

Kirins
Novo Membro

Membro desde : 08/11/2012
Mensagens : 7
Pontos : 7

http://hitmanrebornrpg.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 09.11.12 16:26

sem resultado!
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.forumeiros.com/

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior 09.11.12 16:30

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Mercer' 09.11.12 16:40

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
Mercer'

Mercer'
***

Membro desde : 08/06/2012
Mensagens : 158
Pontos : 220

http://idesign.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior 09.11.12 16:45

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
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Mercer' 09.11.12 19:04

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
Mercer'

Mercer'
***

Membro desde : 08/06/2012
Mensagens : 158
Pontos : 220

http://idesign.forumais.com

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por Sennior 09.11.12 19:09

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.
Sennior

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: avatar nas últimas mensagens

Mensagem por NarutodeKonoha 09.11.12 20:14

vlw! funcionou
NarutodeKonoha

NarutodeKonoha
*****

Membro desde : 01/07/2012
Mensagens : 414
Pontos : 571

http://animessoul.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