[Tutorial] Tópicos recentes de um determinado fórum
Página 1 de 1 • Compartilhe
- Zump
- Tempo Online : 33d 4h 43m 44s
Mensagens : 52
Reputação : 53
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:
E altere pela url do fórum desejado que apareça os tópicos.f11-dicas-e-tutoriais
Resultado:
Tópicos semelhantes
Cria uma conta ou logue para postar uma mensagem.
Você precisa ser um membro, para poder postar uma resposta.
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|