Exibir no widget a localização do tópico

Nome do Arquivo: Exibir no widget a localização do tópico
Autor: Daemon
Funcionalidade: Todas as versões
Categoria: Recursos BestSkins


Neste tutorial iremos ensiná-los a personalizar últimos assuntos adicionando o sub-fórum onde cada tópico foi postado.




1º - Adicionando o código
Vá até Painel de controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
"Criar um novo javascript"
Título: Use um título que te mostre qual código se trata
Investimento: Em todas as páginas
Código: PunBB

Código:

$(function() {
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('.module .main-content a[href^="/t"]').each(function() {
var link = $(this).attr('href');
$(this).next().after('<div class="subf"></div>');
$(this).next().next().load(link +'.pun-crumbs p.crumbs a[href^="/f"]:last');
});
});

PhpBB3

Código:

$(function() {
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('.inner a[href^="/t"]').each(function() {
var link = $(this).attr('href');
$(this).next().after('<div class="subf"></div>');
$(this).next().next().load(link +'.pathname-box a[href^="/f"]:last');
});
});

PhpBB2

Código:

$(function() {
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('.row1 a[href^="/t"]').each(function() {
var link = $(this).attr('href');
$(this).next().after('<div class="subf"></div>');
$(this).next().next().load(link +'td.nav a[href^="/f"]:last');
});
});

Invision

Código:

$(function() {
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('.box-content a[href^="/t"]').each(function() {
var link = $(this).attr('href');
$(this).next().after('<div class="subf"></div>');
$(this).next().next().load(link +'#navstrip a[href^="/f"]:last');
});
});

Depois aceda a sua folha de estilo CSS e adicione:

Código:

.subf:before {
  content: 'Em: ';
}

---

Best Skins

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:

Bom tutorial, GyGu é suspeito! 
Reputado

Não entendi muito
mais obrigado por compartilha

Abraços!

O código faz com que apareça (no widget "Últimos assuntos") aonde a mensagem foi postada.

Eu gostei do código, #rep.

tem como mudar as cores,?

etc

Reputado. Belo tutorial!