Avatar no indice do fórum

Detalhes da questão

Endereço do fórum: exercito-bpf.foumeiro.com/forum
Versão do fórum: PunBB

Descrição

Como faço para coloca o avatar como aqui: https://imgur.com/a/lsCq4

Olá autor,

Seria isso?
https://ajuda.forumeiros.com/t93908-faq-exibir-avatar-na-coluna-ultima-mensagem-no-forum

Até mais!

Não intendi muito bem o tópico, poderia explicar melhor?

Olá,

Primeiramente gostaria de entender realmente sua dúvida: é colocar o avatar do último membro que postou em um tópico na coluna "Últimas mensagens"? Caso sim, basta seguir passo a passo o tutorial que você conseguirá o efeito.

Até mais!

Olá Cream, o efeito resultou, porém deu uma interferência na parte onde aparecia ''Não há mensagens neste fórum'' não aparece mais.

Olha os templates modificados:
Index_box

Código:

<div class="pun-crumbs">
   
  <p class="crumbs">
      <a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong>
  </p>
</div>
<div class="main">
  <!-- BEGIN catrow --> 
  <!-- BEGIN tablehead -->     
  <div class="main-head">
             
      <div class="page-title">
        {catrow.tablehead.L_FORUM}
      </div>
           
  </div>
       
  <div class="main-content">
             
      <table class="table" cellspacing="0">
                   
        <thead>
                         
            <tr>
              <th class="tcl">
                  {L_FORUM}
              </th>
              <th class="tc2">
              </th>
              <th class="tc3">
              </th>
              <th class="tcr">
                  {L_LASTPOST}
              </th>
                           
            </tr>
                       
        </thead>
                   
        <tbody class="statused">
             
            <!-- END tablehead -->   
            <!-- BEGIN forumrow -->             
            <tr>
                               
              <td style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};" class="tcl">
                                      <span style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};" class="status">                        <img alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />                    </span>                    <h{catrow.forumrow.level} class="hierarchy"><a class="forumtitle" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.level}>                   
                  <div class="hover_stats">
                    <img class="stats_arrow" alt="" style="padding: 0px !important" src="https://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" />
                    <div class="idx_stats">
                        <strong>{catrow.forumrow.TOPICS}</strong> Tópicos - <strong>{catrow.forumrow.POSTS}</strong> Respostas
                    </div>
                  </div>
                  <br />                    <br />                    {catrow.forumrow.FORUM_DESC}                   
                  <!-- BEGIN switch_moderators_links -->                    <br />                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}                   
                  <!-- END switch_moderators_links -->                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}                 
              </td>
              <td class="tc2">
              </td>
              <td class="tc3">
              </td>
              <td class="tcr">
                        <!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
 
<span>
<!-- BEGIN switch_topic_title -->
<a
 href="{catrow.forumrow.U_LATEST_TOPIC}"
title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br
 />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>             
              </td>
                           
            </tr>
             
            <!-- END forumrow -->   
            <!-- BEGIN tablefoot -->           
        </tbody>
               
      </table>
           
  </div>
   
  <!-- END tablefoot -->
  <!-- END catrow -->
</div>
 
<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   
  <ul>
           
      <li>
        <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
      </li>
           
      <li>
        <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
      </li>
           
      <li>
        <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
      </li>
       
  </ul>
   
  <!-- BEGIN switch_delete_cookies --> 
  <p class="right">
            <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a> 
  </p>
   
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index --><style>
  .idx_stats {margin-left:300px;}
      table > tbody > tr > td.tcl > img {margin-left:50px;}
        table > tbody > tr > td.tcl > h2 > a , table > tbody > tr > td.tcl > h3 > a {margin-left:50px;}
  tr:hover .hover_stats {
display: inline;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 5px;
margin-right: -1px;
position: relative;
margin-top: -1px;
}
.idx_stats {
background: #424242;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 3px 5px;
display: inline;
}
 table > tbody > tr > td.tcl > div > img {margin-left:296px;position:absolute;margin-top:4px;}
</style>

topics_list_box

Código:

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
         var all_checked = true;
         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
         }
         }
         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
         if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
         }
         }
      }
      </script>
   <!-- END multi_selection -->

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
   <!-- BEGIN table_sticky -->
      </tbody>
   </table>
   </div>

   <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /   >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
   </div>
   <div class="main-content">
   <table cellspacing="0" class="table">
      <thead>
         <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
         </tr>
      </thead>
      <tbody class="statused">
   <!-- END table_sticky -->
      <tr>
         <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
               <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />&nbsp;
            <!-- END single_selection -->
            {topics_list_box.row.ICON}&nbsp;
            {topics_list_box.row.NEWEST_POST_IMG}
            {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
            {topics_list_box.row.TOPIC_TYPE}&nbsp;
            <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2>&nbsp;
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}&nbsp;
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            &nbsp;{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
         </td>
         <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
         <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
         <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
                <!-- BEGIN avatar -->
                <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                <!-- END avatar -->

              <!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
 
{topics_list_box.row.LAST_POST_TIME}
{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
{topics_list_box.row.LAST_POST_IMG}
            </td>
         <!-- BEGIN multi_selection -->
         <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
         <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
   <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
   </table>
   </div>
   <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
         <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>&nbsp;{S_WATCH_FORUM}&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>
      </p>
   </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
<style>td.tcl > img {
    margin-left: 0px!important;
}
</style>
         
<script>
$(document).ready(function(){function tagprefixo(){jQuery('input[name=subject]').val(jQuery('select[name=tags4]').val()+jQuery('input[name=subject]').val())};jQuery(document).ready(function(){var sHtmlPrefx='<select name="tags4" onchange="tagprefixo()">'+'<option value="">'+'(sem prefixo)'+'</option>'+'<option value="[Aprovado]">'+'Aprovado'+'</option>'+'<option value="[Negado]">'+'Negado'+'</option>'+'<option value="[Doação]">'+'Doação'+'</option>'+'<option value="[Pedido]">'+'Pedido'+'</option>'+'<option value="[Concluído]">'+'Concluído'+'</option>'+'<option value="[Review]">'+'Review'+'</option>'+'<option value="[Notícia]">'+'Notícia'+'</option>'+'<option value="[Arquivado]">'+'Arquivado'+'</option>'+'<option value="[Importante]">'+'Importante'+'</option>'+'<option value="[Discussão]">'+'Discussão'+'</option>'+'<option value="[Rifa]">'+'Rifa'+'</option>'+'<option value="[Sugestão]">'+'Sugestão'+'</option>'+'<option value="[Dúvida]">'+'Dúvida'+'</option>'+'<option value="[Tutorial]">'+'Tutorial'+'</option>'+'</select> <img src="http://2img.net/i/fa/wysiwyg/separator.png" style="vertical-align:middle"> ';try{jQuery('input[name=subject]').after(sHtmlPrefx);var mode=jQuery('input[value=reply]').val();if(mode=='reply'){jQuery('select[name=tags4]').css('display','none')}else if(mode=='quote'){jQuery('select[name=tags4]').css('display','none')}}catch(e){if(typeof(console)!='undefined'){console.error(e)}}});
</script>

Olá,

Pelo que pude ver pelo código do seu fórum, a mensagem Não há mensagens neste fórum é adicionada via CSS. Poderia reaplicar o código para que possamos corrigir o CSS?

Olá, rsrsrs. tudo bem? adicionei isto ao meu fórum, e deu certo porém não tem como eu clicar no link da última mensagem pelo inicio do fórum.

O código que utilizei foi aquele que foi fornecido no FAQ, que foi postado aqui neste tópico.

Boa tarde!

Pessoal, por favor, gostaria de pedir a sua atenção para este FAQ... Vocês estão simplesmente rolando a página e pegando os códigos descontroladamente!

Qual é o primeiro passo do FAQ? Como funciona a função. Este passo explica claramente que o recurso está ativo no seu Painel de Controle, e tem ainda uma imagem mostrando isso. É só ativar e tudo funcionará!

No segundo passo, Modificação nos templates personalizados, esclarece que:

Os fóruns que possuem um template modificado precisam alterar o template para que o efeito seja visto quando ativado no Painel de Controle.

Por gentileza, revisem o FAQ com mais calma, e se mesmo assim tiverem problemas, não hesite em postar a sua dúvida.

Até mais!

No meu deu certo ... só que deu um bug, ele, aparentemente, "desabilitou" o link dos fóruns para os tópicos ... parece que virou mensagem.

Olá Cristian, boa noite.

Esse tópico é especialmente para atender a dúvida do Prison, mesmo você contendo a mesma questão que ele, não podemos prestar suporte a você (ou a outras pessoas), espero que entenda.

Podes criar um novo tópico ,para ai sim receber suporte, vou dar um exemplo bem comum, pra você entender melhor: Você chega numa loja e a atendente começa a lhe atender, e do nada, aparece um senhor e ela atende vocês dois, não seria confuso? assim é aqui...

mas, a resposta pra sua dúvida é simples: Acesse:

Painel de Controle -> Visualização-> Pagina inicial -> Estrutura & hierarquia

E em: Link para os níveis inferiores deixe em SIM ou com uma imagem.

Se não for isto, crie um tópico por gentileza.

Até mais.

Kyo Panda escreveu:Olá,

Pelo que pude ver pelo código do seu fórum, a mensagem Não há mensagens neste fórum é adicionada via CSS. Poderia reaplicar o código para que possamos corrigir o CSS?

Já reapliquei o código.
--

@while fiz o procedimento que você falou para que o link fique ativo, mais não deu certo.

E na lista de tópicos, ta ficando duplicado:

https://imgur.com/a/g8MzC

Hum, o único problema que você está enfrentando é avatar duplicado na parte dos tópicos?

Adicione esse código em sua folha de estilo css:

Código:

 #main-content > div.main.paged > div > table > tbody > tr > td.tcr > span:nth-child(2) {display:none;}

Até mais.

Certo, resultou, o avatar não ta mais duplicado.

Agora os links não pega, e a mensagem que aparecia antes, '' Não ah mensagens nesse fórum'' não aparece mais.

Hum, só isto?

Troque seu template index_box por este:

Código:

<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}"><span>{L_INDEX}</span></a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <thead>
               <tr>
                  <th class="tcl">{L_FORUM}</th>
                  <th class="tc2"></th>
                  <th class="tc3"></th>
                  <th class="tcr">{L_LASTPOST}</th>
               </tr>
            </thead>
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <div class="hover_stats">
                    <img class="stats_arrow" alt="" style="padding: 0px !important" src="https://i79.servimg.com/u/f79/18/24/85/15/hover_10.gif" />
                    <div class="idx_stats">
                        <strong>{catrow.forumrow.TOPICS}</strong> Tópicos - <strong>{catrow.forumrow.POSTS}</strong> Respostas
                    </div>
                  </div><br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2"></td>
                  <td class="tc3"></td>
                  <td class="tcr">
                            <!-- BEGIN ads -->
                     <span class="AD_LastPA">
                                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                                <span class="AD_LastInfos">
                                    <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
                                    {catrow.forumrow.ads.DATE}<br />
                                    {catrow.forumrow.ads.LOCATION}
                                </span>
                     </span>
                            <!-- END ads -->
                            <!-- BEGIN avatar -->
                            <span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
                            <!-- END avatar -->

                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index --><style>
  .idx_stats {margin-left:300px;}
      table > tbody > tr > td.tcl > img {margin-left:50px;}
        table > tbody > tr > td.tcl > h2 > a , table > tbody > tr > td.tcl > h3 > a {margin-left:50px;}
  tr:hover .hover_stats {
display: inline;
}
.hover_stats {
display: none;
position: absolute;
}
.stats_arrow {
margin-left: 5px;
margin-right: -1px;
position: relative;
margin-top: -1px;
}
.idx_stats {
background: #424242;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: white;
font-size: 10px;
padding: 3px 5px;
display: inline;
}
 table > tbody > tr > td.tcl > div > img {margin-left:296px;position:absolute;margin-top:4px;}
</style>

Desculpe pela demora, eu não estou tendo muito tempo pra atender, e pensei que fosse só o avatar duplicado.

E adicione esse código em sua folha de estilo css:

Código:

.pun table .tcr span a:empty:after {
        content: 'Não há mensagens';
}
.pun table .tcr span a:empty {
      pointer-events: none;
      cursor: default;
      text-decoration: none !important;
}

Esse css é para o "Não há mensagens"

Resolvido, não foi necessário o CSS para o ''Não há mensagens''