avatar nas últimas mensagens
+6
Luciano98
Consolado
Sennior
iHeloadd
Sr.pepek
NarutodeKonoha
10 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
avatar nas últimas mensagens
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:
https://i.imgur.com/w2eio.jpg
Endereço do meu fórum:
http://animessoul.forumeiros.com/
Versão do meu fórum:
PHPBB2
Como colocar avatar nas últimas mensagens, tipo aqui:
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)
Re: avatar nas últimas mensagens
Ola!
Use este código aqui no seu CSS :
Investimento - No Indice.
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 */
- 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.
Re: avatar nas últimas mensagens
Olá, não sei se funciona em todas as versões mais pelo menos na phpBB3 funcionou, que no caso é a minha
CSS:
Width = Largura em px
Height = Altura em px
Border = Borda em vouta / solid (gray = cor em ingles)
JavaScript:
Se eu te ajudei, me ajude também, clique em
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
Re: avatar nas últimas mensagens
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.
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.
Re: avatar nas últimas mensagens
Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento No índice
Codigo JavaScript:
Feito isto,
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Até mais.
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento No índice
Codigo JavaScript:
Clique em "Confirmar".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); }; });
Feito isto,
Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS
Código:
Valide..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; }
Até mais.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: avatar nas últimas mensagens
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 CSS:
Até mais.
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.
Re: avatar nas últimas mensagens
Adicione o seguinte codigo em sua css no lugar desse:
retire:
adicione:
OBS: As partes em vermelho serão o tamanho do avatar modifique de acordo com seu gosto.
retire:
.mini_ava img { width: 59px; height: 65px; border:2px solid gray; }
adicione:
Veja se o codigo resulta..mini_ava img {
border: 1px solid black;
float: left;
height: 40px;
margin-right: 10px;
margin-top: 10px;
width: 40px;
}
OBS: As partes em vermelho serão o tamanho do avatar modifique de acordo com seu gosto.
Re: avatar nas últimas mensagens
Olá novamente!
Crie um JavaScript com investimento em No Índice:
Queira aceder ao primeiro passo:
Aceda sua folha CSS e coloque o seguinte código:
Queira aceder ao segundo passo:
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!
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:
Painel de Controle >> Módulos >> HTML & JAVASCRIPT >> Gestão dos Códigos JavaScript
Clique em >> "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:
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!
Re: avatar nas últimas mensagens
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
Cordialmente, Mercer
Re: avatar nas últimas mensagens
Buenas!
Sendo isto, no próprio código CSS fornecido pelo nosso amigo Luciano há soluções, veja logo abaixo:
O que está em vermelho negrito, o senhor deve modificar até ficar ao teu gosto!
Cordialmente!
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!
Re: avatar nas últimas mensagens
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!
Eu tente modificar neste codigo,nao teve resultado.
Grato,Mercer
Re: avatar nas últimas mensagens
Buenas!
Troque por este:
Coloque o código no INICIO de teu CSS.
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.
Tópicos semelhantes
» Avatar nas Últimas Mensagens
» Avatar em últimas mensagens
» Avatar nas últimas mensagens
» Avatar nas últimas mensagens
» Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?
» Avatar em últimas mensagens
» Avatar nas últimas mensagens
» Avatar nas últimas mensagens
» Como por efeito hover nas celulas "Fórum, Tópicos, Mensagens e Últimas mensagens"? no Pun PHP?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos