Gerir função avatar nas categorias dos fóruns

5 participantes

Ir para baixo

Tópico resolvido Gerir função avatar nas categorias dos fóruns

Mensagem por Control' 13.07.13 0:36

Qual é minha questão:
Opa, olha eu aqui de novo... Bom, minha dúvida desta vez é, como coloca uma imagem ao lado da última mensagem em uma categoria, como na imagem abaixo:
https://i.servimg.com/u/f34/18/41/61/61/comofa11.png

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

Versão do fórum:
PHPBB3


Última edição por HugoJatene em 13.07.13 6:11, editado 2 vez(es)
Control'
Control'
****

Membro desde : 04/11/2010
Mensagens : 399
Pontos : 639

http://resident-rpgonlinebr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função avatar nas categorias dos fóruns

Mensagem por Sennior 13.07.13 0:38

Olá amigo novamente!

Cheque este tópico:

Seta https://ajuda.forumeiros.com/t69844-

Abraços.
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: Gerir função avatar nas categorias dos fóruns

Mensagem por Control' 13.07.13 0:51

Opa, amigo, nenhum daqueles resultou como eu queria =/, alguns nem a imagem apareceu =(
Control'
Control'
****

Membro desde : 04/11/2010
Mensagens : 399
Pontos : 639

http://resident-rpgonlinebr.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função avatar nas categorias dos fóruns

Mensagem por Sennior 13.07.13 0:52

Olá amigo,

O problema é que são muitos tópicos idênticos, ai pensamos que um irá resulta... No caso, cheque:

Seta https://ajuda.forumeiros.com/t66468-

Abraços.
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: Gerir função avatar nas categorias dos fóruns

Mensagem por LuizLopes. 13.07.13 1:14

Olá amigo, adicione em seu CSS este código:

Código:
  .mini_ava img {
-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);
height: 36px;
margin: 0 5px;
padding: 1px;
width: 36px;
float: left;
}

Em seguida, adicione o código abaixo na Gestão de códigos JavaScript.

Código:
jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/fa/invision/pp-blank-thumb.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)}});

Marque o "Investimento" = "No Índice"
Salve

Atenciosamente,
luizdedezao.
LuizLopes.
LuizLopes.
*****

Membro desde : 04/01/2011
Mensagens : 444
Pontos : 743

http://fenixextreme.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função avatar nas categorias dos fóruns

Mensagem por MateusA 13.07.13 1:17

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle SetaVisualização SetaImagens e Cores SetaCores SetaFolha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
   /*lastpost*/
    .mini_ava {
    float: left;
    }

    .mini_ava img {
    width: 36px;
    height: 36px;
    margin: 0 5px;
    padding: 1px;
    border: 1px solid #D5D5D5;
    background: white;
    -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: #a1a1a1;
    -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);
    }

Valide.
Tive uma idéia!

Aceda á "Folha de Estilos JavaScript":
Painel de Controle :seta:Módulo :seta:HTML & JAVASCRIPT :seta:Gestão dos Códigos JavaScript"


Código:
   jQuery(document).ready(function(){if(!window.localStorage)return;var default_avatar='http://2img.net/i/fa/invision/pp-blank-thumb.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)}});

Seta Investimento: "No índice e nos sub fóruns".

Valide e veja o resultado.
Tive uma idéia!
Crazy.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função avatar nas categorias dos fóruns

Mensagem por Hizu 13.07.13 4:58

Saudações!

Queira checar por gentileza este tutorial:

Flecha ajudeiros [TUTORIAL] Avatar do último membro que postou no tópico

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Gerir função avatar nas categorias dos fóruns

Mensagem por Control' 13.07.13 6:10

Muito Obrigado a todos vocês, consegui fazer o que eu queria Muito feliz!
Control'
Control'
****

Membro desde : 04/11/2010
Mensagens : 399
Pontos : 639

http://resident-rpgonlinebr.forumeiros.com/forum

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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