Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

Ir à página : 1, 2  Seguinte

#1
 D'Leandro™

avatar
Fundador
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
--> Conteúdo <--
Painel de Controle  Seta  Visualização  Seta   Página inicial  Seta  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 ▲


Desenvolvido por HenRyqUéè | SH-Design
Editado e Postado por Copyright® 2012 Staffer Group BR™
Ver perfil do usuário

#2
 ®'Martins

avatar
Membro
Isso vai ficar perfeito no? portal..... Funciona como widget
Ver perfil do usuário

#3
 HenRyqUéè

avatar
Membro
^^ Amigo, não tenho certeza se funciona nas demais versões, vc testou??
Ver perfil do usuário

#4
 Master Publicitario

avatar
Membro
Vou testar, parabéns
Ver perfil do usuário

#5
 [F]lames

avatar
Membro
Olá,

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

Até mais.
Ver perfil do usuário

#6
 Clube da Info

avatar
Membro
vou testar, obrigado por compartilhar!
Ver perfil do usuário

#7
 'Fusion

avatar
Membro
Gostei bem legal mesmo

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#8
 Hades

avatar
Membro
Vou testar, parabéns
Ver perfil do usuário

#9
 'Fusion

avatar
Membro
Vlw vou por no meu fórum agora
Ver perfil do usuário samuca_akira@hotmail.com

#10
 Stark'

avatar
Membro
Irei Testar e.e
Ver perfil do usuário

#11
 eusouogoku

avatar
Membro
Muito bom, otimo para meu forum de RPG
Ver perfil do usuário

#12
 Daemon

avatar
Fundador
hum, interessante :)'
Ver perfil do usuário

#13
 ®'Martins

avatar
Membro
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
Ver perfil do usuário

#14
 Daemon

avatar
Fundador
Me desculpe amigo... meu comentário foi somente em relação ao tutorial .-.'
Ver perfil do usuário

#15
 GyGu

avatar
Membro
Comentando para testar!!
Ver perfil do usuário

#16
 Faraday

avatar
Novato
Muuito bom, acredito que deve ser bastante util. :DD
Ver perfil do usuário

#17
 Gmtp

avatar
Membro
Olá

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

Até mais
Ver perfil do usuário

#18
 D'Leandro™

avatar
Fundador
Olá!

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

Até mais.
Ver perfil do usuário

#19
 Gmtp

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

Teria como ajudar?
Ver perfil do usuário

#20
 D'Leandro™

avatar
Fundador
Olá!

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

Até mais.
Ver perfil do usuário

#21
 Gmtp

avatar
Membro
essa parte sim e o widget também está ativo mesmo assim continua carregando
Ver perfil do usuário

#22
 D'Leandro™

avatar
Fundador
Olá!

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

Até mais.

Ps: Aqui só funciona no firefox.
Ver perfil do usuário

#23
 Stark'

avatar
Membro
Demais Esse Code
Ver perfil do usuário

#24
 Daemon

avatar
Fundador
Eu já havia comentado aqui... o código ficou escondido dnv lol .-.'
Ver perfil do usuário

#25
 Chorão

avatar
Membro
Obrigado por Compartilhar!
Vo testar e ver como fica.
Ver perfil do usuário

#26
 Conteúdo patrocinado


Ir à página : 1, 2  Seguinte