[Tutorial] Tópicos recentes de um determinado fórum

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

Zump
Administrador
Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53

MensagemZump Qui Out 06, 2016 10:38 pm

Autor: Zump (While)
Funcionalidade: Em todas as versões

Existe diversos locais de instalação para isto sendo eles: Pagina inicial, widgets, por no template, etc.
Pois bem, iremos aplicar na mensagem da pagina inicial, como é utilizado aqui no Best Web (fiz uma versão mais simples do que a utilizada atualmente)

Acesse:
Painel de Controle -> Visualização -> Pagina inicial -> Geral

E no conteúdo da mensagem (na aba Mensagem da Pagina Inicial) coloque isto:

Código:
<div class="content-block">
       
      <div class="title">
           Tutoriais recentes 
      </div>
       
      <div class="txt-content">
           <style type="text/css">#tuto_widget { margin-bottom:6px; }
.tuto_link { font-size:12px; display:block; width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:3px 0; }
.tuto_num { color:#FFF; background:#69C; display:inline-block; padding:1px 3px; border-radius:3px; margin-right:3px; }
.t2 .tuto_num { background:#6c99c6 }
.t3 .tuto_num { background:#7199c1 }
.t4 .tuto_num { background:#7799bb }
.t5 .tuto_num { background:#7d99b5 }
.t6 .tuto_num { background:#8299b0 }
.t7 .tuto_num { background:#8899aa }
.t8 .tuto_num { background:#8e99a4 }
.t9 .tuto_num { background:#93999f }</style> 
         <div id="tuto_widget">
             
         </div>
          
         <div class="center">
                <a class="button1" href="f11-dicas-e-tutoriais">Veja mais!</a> 
         </div>
           <script type="text/javascript">//<[CDATA[
(function() {
  var quantidadet = 10,
      cacheTime = 1*60*60*1000,
      widget = document.getElementById('tuto_widget'),
      storage = window.localStorage;
 
  if (widget) {
    if (storage && storage.tuto_widget && storage.tuto_widget_exp > +new Date - cacheTime) {
      widget.innerHTML = storage.tuto_widget;
    } else {
      jQuery.get('f11-dicas-e-tutoriais', function(d) {
        for (var a = jQuery('.forum-category:not(.announcement) .topictitle:lt(' + quantidade + ')', d), i = 0, j = a.length, payload = document.createElement('DIV'); i < j; i++) {
          a[i].className = 'tuto_link t' + (i + 1);
          a[i].title = a[i].innerHTML;
          a[i].innerHTML = '<span class="tuto_num">' + (i + 1) + '</span>' + a[i].innerHTML;
          payload.appendChild(a[i]);
        }
     
        widget.innerHTML = payload.innerHTML;
       
        if (storage) {
          storage.tuto_widget = widget.innerHTML;
          storage.tuto_widget_exp = +new Date;
        }
      });
    }
  }
}());
//]]></script> 
      </div>
       
   </div>

Procure por:
f11-dicas-e-tutoriais
E altere pela url do fórum desejado que apareça os tópicos.

Resultado:

[Tutorial] Tópicos recentes de um determinado fórum 79c0aebd6e9d4a728e00d5643f2c336a

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

Cria uma conta ou logue para postar uma mensagem.

Você precisa ser um membro, para poder postar uma resposta.

Criar conta

Participe de nossa comunidade, basta se registrar. É Fácil!


Criar uma conta

Logar

Já tem uma conta? Sem problemas, Logue agora.


Logar-se

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