Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
» Retirar data e hora do fórum
Hoje à(s) 4:31 por Sr.Oliveira

» Grupos com design diferente
Hoje à(s) 3:40 por R. Rinehardt

» Estatisticas do fórum
Hoje à(s) 2:37 por iScroll

» [Sugestão] Mensagem automática ao mover tópico
Hoje à(s) 2:09 por Daemon

» Staff Online com Grupo
Hoje à(s) 2:07 por Daemon

» Problemas com o Chatbox
Hoje à(s) 1:14 por Child

» Como criar dois ranks para usuários?
Ontem à(s) 22:49 por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Daemon
 
Child
 
Holkis
 
iScroll
 
R. Rinehardt
 
Sr.Oliveira
 

Quem está conectado
246 usuários online :: 6 usuários cadastrados, 1 Invisível e 239 Visitantes :: 2 Motores de busca

Child, Edu_HD, Heitor A., Holkis, HouseG4E, R. Rinehardt

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Avatar em últimos assuntos

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

Resolvido Avatar em últimos assuntos

Mensagem por ShadowPrince em Seg 21 Nov 2016 - 12:11

Detalhes da questão


Endereço do fórum: clanowners.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Bom dia amigos da Forumeiros.

Gostaria de adicionar o avatar do usuário autor da mensagem ao lado de seu nome no widget "últimos assuntos".


Encontrei tópicos que abordavam o tema aqui no FdF mas infelizmente nenhum teve resultado em meu fórum.

Obrigado.


Última edição por ShadowPrince em Ter 22 Nov 2016 - 10:46, editado 1 vez(es)

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2499

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em últimos assuntos

Mensagem por Shek Crowley em Seg 21 Nov 2016 - 12:15

Bom dia.

Segui as indicações deste tutorial? http://ajuda.forumeiros.com/t93895-topic Muito feliz



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Avatar em últimos assuntos

Mensagem por ShadowPrince em Seg 21 Nov 2016 - 12:22

Olá Shek. Obrigado pela rápida resposta!

Sim, eu já tinha visto este tópico e seguido suas instruções.
Infelizmente este código JS não alterou nada em meu widget. Chorando ou muito tr

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2499

http://clanowners.forumeiros.com/
  • 0

Resolvido Re: Avatar em últimos assuntos

Mensagem por Shek Crowley em Seg 21 Nov 2016 - 13:08

Bem... Então, eu acho que este que editei será o suficiente. Inclua este código na sua folha de estilos CSS:
Código:
.avt-r {
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #D5D5D5 !important;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
float: left;
height: 28px;
margin: 3px;
padding: 1px;
width: 28px;
}
.avt-r-enlace img {
    width: 28px;
    height: 28px;
}
E depois, vá no template mod_recent_topics em Visualização >> Templates >> Portal, e procure por:
Código:
<!-- BEGIN classical_row -->
   <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
   <!-- END recent_topic_row -->
<!-- END classical_row -->
E substitua por:
Código:
<!-- BEGIN classical_row -->
   <!-- BEGIN recent_topic_row -->
          <div class='avt_recent'>
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
          <span class='image'><a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a></span>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
          </div>
   <!-- END recent_topic_row -->
<!-- END classical_row -->
Salve e publique a modificação. Muito feliz

Acesse Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript > e no investimento marque para Índice ou todas as páginas, como preferir. Muito feliz
Código:
jQuery(document).on('ready', function() {
    jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
    jQuery('.avt_recent .avt-r').each(function () {
    var profileUserURL = jQuery('.image a').attr('href');
    jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://illiweb.com/fa/invision/pp-blank-thumb.png" alt="No Avatar" /></a>');
    jQuery(this).children('a').load(profileUserURL + ' div#profile-advanced-right div.module div img:eq(0)')
    });
    });
Salve e veja se é o que precisa. Piscada



Shek Crowley
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 15645
Pontos Ativos : 23094

http://www.shiftactif.com https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Avatar em últimos assuntos

Mensagem por ShadowPrince em Seg 21 Nov 2016 - 21:13

Boa noite.

Segui passo a passo as instruções, mas não houve nenhum resultado. Pensativo

Att.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2499

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em últimos assuntos

Mensagem por iScroll em Seg 21 Nov 2016 - 22:57

Olá, tente esses códigos:

vá no template mod_recent_topics em Visualização >> Templates >> Portal, e substitua por:

Código:
<!-- BEGIN scrolling_row -->
<div class="module main">
  <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
  <div class="main-content" id="comments_scroll_div">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
      » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
          <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
  </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
  div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
  <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
  <div class="main-content">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
            » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY}&nbsp;
                <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
  </div>
</div>
<!-- END classical_row -->

Adiciona ao seu CSS:

Código:
  .avt-r img{
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D5D5D5 !important;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    float: left;
    height: 28px;
    margin: 3px;
    padding: 1px;
    width: 28px;
    }
.avt-r-enlace img {
    width: 28px;
    height: 28px;
}
}

E por último tente esse JS adicionado em todas as páginas, se não resultar deixe apenas no índice e portal:

Código:
jQuery(document).on('ready', function() {
    jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
    jQuery('.avt_recent .avt-r').each(function () {
    var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
    jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://illiweb.com/fa/invision/pp-blank-thumb.png" alt="No Avatar" /></a>');
    jQuery(this).children('a').load(profileUserURL + ' div#profile-advanced-right div.module div img:eq(0)')
    });
    });

iScroll
Nível 10

Masculino
Inscrito dia : 08/03/2015
Mensagens : 293
Pontos Ativos : 1134

http://testealrpg.forumeiros.com

Resolvido Re: Avatar em últimos assuntos

Mensagem por ShadowPrince em Seg 21 Nov 2016 - 23:38

Boa noite IScroll!

Funcionou! Entretanto o "Tempo de espera entre 2 deslocamentos :" está extremamente lento.
Alterei para o mínimo que o widget permite(2500) e não adiantou.

Att.

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2499

http://clanowners.forumeiros.com/
  • 0

Resolvido Re: Avatar em últimos assuntos

Mensagem por iScroll em Ter 22 Nov 2016 - 1:18

Olá, substitua o mod_recent_topics por este e veja se resulta:

Código:
<!-- BEGIN scrolling_row -->
{MARQUEE_JS_SRC}
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
            <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px;">
      <!-- BEGIN recent_topic_row -->
              <div class="avt_recent">
                <div class="recent_space">
      »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
            </div>
   </div>
</div>
<script type="text/javascript">
        $(".marquee").marquee();
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
  <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
  <div class="main-content">
      <!-- BEGIN recent_topic_row -->
          <div class="avt_recent">
              <div class="recent_space">
            » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY}&nbsp;
                <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
            </div>
          </div>
      <!-- END recent_topic_row -->
  </div>
</div>
<!-- END classical_row -->

Não achei que queria com Scrolling, erro meu, desculpe Feliz

iScroll
Nível 10

Masculino
Inscrito dia : 08/03/2015
Mensagens : 293
Pontos Ativos : 1134

http://testealrpg.forumeiros.com

Resolvido Re: Avatar em últimos assuntos

Mensagem por ShadowPrince em Ter 22 Nov 2016 - 10:45

Agora está perfeito! Muito obrigado iScroll e Shek Crowley! Contente

ShadowPrince
Nível 9

Masculino
Inscrito dia : 30/03/2011
Mensagens : 213
Pontos Ativos : 2499

http://clanowners.forumeiros.com/

Resolvido Re: Avatar em últimos assuntos

Mensagem por Cream em Ter 22 Nov 2016 - 10:48

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 13902

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