Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Como ter os últimos assuntos desta maneira?

+6
[F]lames
Stronda™
Pedro95123
BangBang
Greed
GyGu
10 participantes

Início :: Forumeiros :: NostalgiaComo ter os últimos assuntos desta maneira?

GyGu GyGu  • Sáb 20 Abr 2013 - 18:07

Como ter os últimos assuntos desta maneira? - Página 2 Empty Como ter os últimos assuntos desta maneira? Sáb 20 Abr 2013 - 18:07

Relembrando a primeira mensagem :

Qual é minha questão:
Olá gostava de ter o aspecto deste últimos assuntos na imagem a baixo, nesse últimos assuntos podemos ver a zona onde os tópicos são abertos e quantas respostas já tem, muito útil.




Site onde vi - > [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]




Imagem do meu problema:[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão do fórum:
PUNBB


Última edição por GyGu em Sáb 20 Abr 2013 - 19:08, editado 1 vez(es)
VPS Windows e VPS Linux Cloud Ativação Imediata e Anti-DDOS Grátis | Semi Dedicados | Hospedagem de Sites | BH Servers

Pedro95123 Pedro95123  • Sex 26 Abr 2013 - 22:54

Stronda™ Stronda™  • Sáb 27 Abr 2013 - 0:25

GyGu GyGu  • Sáb 27 Abr 2013 - 7:21

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Sáb 27 Abr 2013 - 7:21

No meu fórum está quase tudo perfeito, só falham duas coisas

1º- O Avatar do user não aparece nos últimos assuntos, só parece um avatar e nem é do meu fórum, penso eu (ver a imagem a baixo)

2º- Só diz "Com respostas" não diz o numero de respostas que o tópico já tem

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]


É só mesmo isso que falta, pois você está quase lá [F]lames!!

[F]lames [F]lames  • Sáb 27 Abr 2013 - 9:40

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Sáb 27 Abr 2013 - 9:40

Olá,

Publique o template pra que eu possa corrigir o erro...

Até mais.

GyGu GyGu  • Sáb 27 Abr 2013 - 10:23

[F]lames [F]lames  • Sáb 27 Abr 2013 - 10:48

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Sáb 27 Abr 2013 - 10:48

Olá,

Troque o template por esse:

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">
      &raquo;&nbsp;<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}&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 -->

      <!-- 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="block smaller" style="
    margin-bottom: 4px;  padding: 6px;
    clear: both;
    font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif;
    font-size: 13px;  color: #EDEDED;  line-height: 1.230;
    background: #4F4E4E none left top;  border: 1px solid #2E2E2E;
    -webkit-border-radius: 5px;  border-radius: 5px;     
">
      <div class="blocksubhead" style="
    background: transparent none;  font-size: 13px;  height: 16.76px;  color: #E2E1E1;  padding: 5px 6px;  border: none;  outline: none;  font-weight: bold;
">
         
         <img src="http://forum.zwame.pt/images/custom_styles/zwamedark/cms/widget-forum.png" alt="" style="
    vertical-align: middle;  float: left;
">
         <span class="blocktitle" style="
    width: auto;  display: block;  white-space: nowrap;  float: left;  overflow: hidden;  padding-left: 3px;
    font-size: 13px;  color: #E2E1E1;  font-weight: bold;
">{L_RECENT_TOPICS}</span>
      </div>
      <div class="widget_content blockbody floatcontainer" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #3A3939;
    padding: 0;  color: #FFFFFF;  border: 1px solid #2E2E2E;
    display: block;
    font-weight: normal;
">
      <ul id="block_newthreads_5" class="blockrow" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #3A3939 url(http://forum.zwame.pt/images/misc/blog/gradient-black-down.png) repeat-x;  padding: 10px 6px 10px 6px;
    border-top: 1px solid #3A3939;
">
         <!-- BEGIN recent_topic_row -->
         <li class="avatarcontent floatcontainer widget_post_bit" style="
    font-weight: normal;
    border-top: 0;
    clear: both;  padding-bottom: 5px;
    display: block;
">
            <div class="widget_post_userinfo" style="
    padding: 1px 0;  margin: 0;  position: relative;
">
            
            <div class="cms_widget_post_useravatar widget_post_useravatar" style="
    position: absolute;  top: 5px;  left: 0;
">
               
                  <a class="smallavatar comments_member_avatar_link" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" style="
    color: #b9d433;
    text-decoration: none;
">
               
                  
                  <img src="http://forum.zwame.pt/images/custom_styles/zwamedark/misc/unknown.gif" alt="John von Neuman" title="John von Neuman">
                  
               
                  </a>
               
            </div>
            
            </div>
            <div class="smallavatartext widget_post_comment" style="
    margin-left: 40px;  font-size: 11px;
">
               <h5 class="widget_post_header" style="
    font: bold 12px Verdana,Helvetica,Tahoma,Arial,sans-serif;  padding: 5px 0;  margin: 0;
"><a href="{classical_row.recent_topic_row.U_TITLE}" class="title_tpcrecent" title="{classical_row.recent_topic_row.L_TITLE}" style="
    color: #b9d433;
    word-wrap: break-word;  width: 100%;  display: block;
">{classical_row.recent_topic_row.L_TITLE}</a></h5>
               <div class="meta" style="
    font-size: 11px;
">Criado por <!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="author_tpcrecent" style="
    color: #b9d433;
">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a><!-- END switch_poster -->, com <span class="reply_tpcrecent"></span> respostas.
                  <br><span class="time_tpcrecent">{classical_row.recent_topic_row.S_POSTTIME}</span><br>Em <a href="" class="cat_tpcrecent" style="
    color: #b9d433;
"></a>
                  
               </div>
            </div>
         </li><!-- END recent_topic_row -->
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
      </ul>
      </div>
   </div>
<!-- END classical_row -->
Resulta ?

Até mais.

GyGu GyGu  • Sáb 27 Abr 2013 - 11:04

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Sáb 27 Abr 2013 - 11:04

Veja [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] os avatares já aparecem mas todos iguais e ainda falta aquilo das repostas.

[F]lames [F]lames  • Dom 28 Abr 2013 - 18:32

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Dom 28 Abr 2013 - 18:32

Template'

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">
      &raquo;&nbsp;<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}&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 -->

      <!-- 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="block smaller" style="
    margin-bottom: 4px;  padding: 6px;
    clear: both;
    font-family: Verdana,Helvetica,Tahoma,Arial,sans-serif;
    font-size: 13px;  color: #EDEDED;  line-height: 1.230;
    background: #4F4E4E none left top;  border: 1px solid #2E2E2E;
    -webkit-border-radius: 5px;  border-radius: 5px;     
">
      <div class="blocksubhead" style="
    background: transparent none;  font-size: 13px;  height: 16.76px;  color: #E2E1E1;  padding: 5px 6px;  border: none;  outline: none;  font-weight: bold;
">
       
        <img src="http://forum.zwame.pt/images/custom_styles/zwamedark/cms/widget-forum.png" alt="" style="
    vertical-align: middle;  float: left;
">
        <span class="blocktitle" style="
    width: auto;  display: block;  white-space: nowrap;  float: left;  overflow: hidden;  padding-left: 3px;
    font-size: 13px;  color: #E2E1E1;  font-weight: bold;
">{L_RECENT_TOPICS}</span>
      </div>
      <div class="widget_content blockbody floatcontainer" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #3A3939;
    padding: 0;  color: #FFFFFF;  border: 1px solid #2E2E2E;
    display: block;
    font-weight: normal;
">
      <ul id="block_newthreads_5" class="blockrow" style="
    -webkit-border-radius: 5px;  border-radius: 5px;  background: #3A3939 url(http://forum.zwame.pt/images/misc/blog/gradient-black-down.png) repeat-x;  padding: 10px 6px 10px 6px;
    border-top: 1px solid #3A3939;
">
        <!-- BEGIN recent_topic_row -->
        <li class="avatarcontent floatcontainer widget_post_bit" style="
    font-weight: normal;
    border-top: 0;
    clear: both;  padding-bottom: 5px;
    display: block;
">
            <div class="smallavatartext widget_post_comment" style="
    margin-left: 5px;  font-size: 11px;
">
              <h5 class="widget_post_header" style="
    font: bold 12px Verdana,Helvetica,Tahoma,Arial,sans-serif;  padding: 5px 0;  margin: 0;
"><a href="{classical_row.recent_topic_row.U_TITLE}" class="title_tpcrecent" title="{classical_row.recent_topic_row.L_TITLE}" style="
    color: #b9d433;
    word-wrap: break-word;  width: 100%;  display: block;
">{classical_row.recent_topic_row.L_TITLE}</a></h5>
              <div class="meta" style="
    font-size: 11px;
">Criado por <!-- BEGIN switch_poster --> <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}" class="author_tpcrecent" style="
    color: #b9d433;
">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a><!-- END switch_poster -->.
                  <br><span class="time_tpcrecent">{classical_row.recent_topic_row.S_POSTTIME}</span><br>Em <a href="" class="cat_tpcrecent" style="
    color: #b9d433;
"></a>
                 
              </div>
            </div>
        </li><!-- END recent_topic_row -->
       
      </ul>
      </div>
  </div>
<!-- END classical_row -->

JS'

Código:
jQuery(function() {
  jQuery('ul#block_newthreads_5 li.avatarcontent').each(function() {
      var tpc=jQuery(this).find('h5 a.title_tpcrecent').attr('href');
      var a = "p.crumbs a.nav:last";
      jQuery(this).find('.smallavatartext .meta .cat_tpcrecent').load(tpc + a);
  });
});

GyGu GyGu  • Dom 28 Abr 2013 - 18:49

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Dom 28 Abr 2013 - 18:49

Muito bom Flames agora voce consegue colocar um traço a separar os temas como mostra a imagem a baixo? Pode ser vermelho.

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Troubleshoot Troubleshoot  • Seg 29 Abr 2013 - 22:09

Yam-xD Yam-xD  • Ter 30 Abr 2013 - 7:51

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Ter 30 Abr 2013 - 7:51

CrazzyB,

Tem certeza que adicionou o template ao seu overal_header e depois modificou o seu CSS corretamente ?

Atenciosamente, Yam.

GyGu GyGu  • Ter 30 Abr 2013 - 9:34

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira? Ter 30 Abr 2013 - 9:34

Agora está funcionando tudo corretamente podem ver isso em meu fórum [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

No entanto o botão "Atualizar" deixou de funcionar. Alguem consegue resolver isso?

Conteúdo patrocinado  • 

Como ter os últimos assuntos desta maneira? - Página 2 Empty Re: Como ter os últimos assuntos desta maneira?

Início :: Forumeiros :: Nostalgia:: Como ter os últimos assuntos desta maneira?
Permissões neste sub-fórum
Não podes responder a tópicos