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 : Anterior  1, 2

#1
 D'Leandro™

avatar
Fundador
Relembrando a primeira mensagem :

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

#26
 D'Leandro™

avatar
Fundador
Olá!

Daemon, este "Hide Coment" trabalha com cookies, se seus cookies forem apagados, terá que comentar novamente. '-'

Até mais.
Ver perfil do usuário

#27
 Master Publicitario

avatar
Membro
Olá,

Parabéns vou testar !
Ver perfil do usuário

#28
 houdini

avatar
Membro
também acho que isso ficará ótimo no portal.
Ver perfil do usuário

#29
 Gmtp

avatar
Membro
Olá,

Quando vão fazer em outras versões ?

Até !!
Ver perfil do usuário

#30
 Daemon

avatar
Fundador
O código de hide content ta bugado... agt comenta e quando atualiza a página o conteúdo esconde-se novamente.
Ver perfil do usuário

#31
 fascicularia

avatar
Membro
thanks
Ver perfil do usuário

#32
 JQuery

avatar
Membro
upupup
Ver perfil do usuário

#33
 Master Publicitario

avatar
Membro
Muito bom!
Ver perfil do usuário

#34
 Conteúdo patrocinado


Ir à página : Anterior  1, 2