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

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

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

Mensagem por Control' em 12/07/13, 08:36 pm

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:
http://i34.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, 02:11 am, editado 2 vez(es)
avatar

Control'
Usuário avançado

Masculino
Inscrito dia : 04/11/2010
Mensagens : 395
Pontos Ativos : 633

Ver perfil do usuário http://resident-rpgonlinebr.forumeiros.com/forum

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

Mensagem por Sennior em 12/07/13, 08:38 pm

Olá amigo novamente!

Cheque este tópico:

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

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

Mensagem por Control' em 12/07/13, 08:51 pm

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

Control'
Usuário avançado

Masculino
Inscrito dia : 04/11/2010
Mensagens : 395
Pontos Ativos : 633

Ver perfil do usuário http://resident-rpgonlinebr.forumeiros.com/forum

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

Mensagem por Sennior em 12/07/13, 08:52 pm

Olá amigo,

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

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

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

Mensagem por LuizLopes. em 12/07/13, 09:14 pm

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://illiweb.com/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.
avatar

LuizLopes.
Usuário avançado

Masculino
Inscrito dia : 04/01/2011
Mensagens : 444
Pontos Ativos : 743

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

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

Mensagem por MateusA em 12/07/13, 09:17 pm

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://illiweb.com/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.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

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

Mensagem por Hizu em 13/07/13, 12:58 am

Saudações!

Queira checar por gentileza este tutorial:

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

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

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

Mensagem por Control' em 13/07/13, 02:10 am

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

Control'
Usuário avançado

Masculino
Inscrito dia : 04/11/2010
Mensagens : 395
Pontos Ativos : 633

Ver perfil do usuário http://resident-rpgonlinebr.forumeiros.com/forum

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