TUTORIALÚltimos Assuntos em tabela

Descrição

Este código exibe uma lista dos últimos tópicos criados em uma tabela bonita e estilosa. Lembre-se de desativar o WidGet (Ultimos Assuntos) para que o código funcione corretamente.

Funcionalidade: PhpBB3
Painel de Controle    Visualização     Página inicial    Geral

Assunto da mensagem : Opcional.
Conteúdo da mensagem. : Cole o código abaixo.

Código:

<script>
jQuery(function(){
jQuery.get('/forum', function(e){
var link1 = jQuery('.module:eq(1) a:eq(0)', e).HTML();
var link11 = jQuery('.module:eq(1) a:eq(0)', e).attr('href');
var link2 = jQuery('.module:eq(1) a:eq(2)', e).HTML();
var link22 = jQuery('.module:eq(1) a:eq(2)', e).attr('href');
var link3 = jQuery('.module:eq(1) a:eq(4)', e).HTML();
var link33 = jQuery('.module:eq(1) a:eq(4)', e).attr('href');
var link4 = jQuery('.module:eq(1) a:eq(6)', e).HTML();
var link44 = jQuery('.module:eq(1) a:eq(6)', e).attr('href');
var link5 = jQuery('.module:eq(1) a:eq(8)', e).HTML();
var link55 = jQuery('.module:eq(1) a:eq(8)', e).attr('href');
var link6 = jQuery('.module:eq(1) a:eq(10)', e).HTML();
var link66 = jQuery('.module:eq(1) a:eq(10)', e).attr('href');
var link7 = jQuery('.module:eq(1) a:eq(12)', e).HTML();
var link77 = jQuery('.module:eq(1) a:eq(12)', e).attr('href');
jQuery('#box div:eq(0)').HTML('<a href="'+link11+'">'+link1+'</a>');
jQuery('#box div:eq(1)').HTML('<a href="'+link22+'">'+link2+'</a>');
jQuery('#box div:eq(2)').HTML('<a href="'+link33+'">'+link3+'</a>');
jQuery('#box div:eq(3)').HTML('<a href="'+link44+'">'+link4+'</a>');
jQuery('#box div:eq(4)').HTML('<a href="'+link55+'">'+link5+'</a>');
jQuery('#box div:eq(5)').HTML('<a href="'+link66+'">'+link6+'</a>');
jQuery('#box div:eq(6)').HTML('<a href="'+link77+'">'+link7+'</a>');
});
});
</script>
<style>
#box div{padding-bottom:5px;width:850px;border-bottom: 1px solid grey}
#box{text-shadow: 0px 0.5px 1px #adadad;background-color:rgb(250,250,240);border-radius:0px 5px 5px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;}
#ul{cursor:pointer;text-shadow: 0px 0.5px 1px #adadad;position: relative;
top: -61px;left:5px;font-weight:bold;background-color:rgb(250,250,240);border-radius:5px 0px 0px 5px;padding:5px 40px 5px 20px;border: 1px solid #adadad;border-right:none}
</style>
<table width="50%">
<tr><td width="2%"><div id="ul">Últimos Assuntos</div></td><td><div id="box"><br><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><div>Carregando...</div><br></div></td></tr></table>

--> Resultado Final<--

Clique na imagem para visualizar ▲

Isso vai ficar perfeito no? portal..... Funciona como widget

^^ Amigo, não tenho certeza se funciona nas demais versões, vc testou??

Vou testar, parabéns

Olá,

Henryque sempre sabendo mais que eu
O código é ótimo.

Até mais.

vou testar, obrigado por compartilhar!

Gostei bem legal mesmo

Vou testar, parabéns

Vlw vou por no meu fórum agora

Irei Testar e.e

Muito bom, otimo para meu forum de RPG

hum, interessante :)'

Olá

Caro Daemon Fique sabendo que este tipo de comentário poderá ser considerado como flood de acordo com as regras, gostaria que por obséquio não repetir este ato, pois dai terei de retirar 25% de sua barra de warn.

Atenciosamente: Equipe de Moderação

Me desculpe amigo... meu comentário foi somente em relação ao tutorial .-.'

Comentando para testar!!

Muuito bom, acredito que deve ser bastante util. :DD

Olá

Uma perguntinha, quando você posta tipo novo conteúdo, atualiza sósinho?

Até mais

Olá!

Sim, ele tem a mesma função do Widget Ultimos Assuntos.

Até mais.

Estranho.... fica carregando carregando e não aparece.

Teria como ajudar?

Olá!

O Widget Últimos Assuntos prescisa estar ativo.
Verifique se a sua versão é compatível com o código.

Até mais.

essa parte sim e o widget também está ativo mesmo assim continua carregando

Olá!

Pode ter algo relacionado ao seu navegador, tente utilizar mozila firefox.

Até mais.

Ps: Aqui só funciona no firefox.

Demais Esse Code

Eu já havia comentado aqui... o código ficou escondido dnv lol .-.'

Obrigado por Compartilhar!
Vo testar e ver como fica.