[TUTORIAL] Encurtar links nos tópicos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

[TUTORIAL] Encurtar links nos tópicos

Mensagem por Convidad em 10/06/12, 03:03 pm



Encurtar links nos tópicos


Você já viu aqueles momentos em que os links do seu fórum são enormes e acabam sendo feio ao serem postados? Neste tutorial vamos usar um Javascript que encurta esse link para que não ocupe mais espaço do que o necessário nas suas mensagens.


--> Tutoriais <--
Encurtar links nos tópicos



- Página .JS:
Para personalizar seu fórum iremos ativar as páginas JavaScript e Jquery, contudo, é importante saiba que qualquer script encontrado na internet acabará não surgindo efeito em seu fórum.

Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. Pode ser na galeria, nos fóruns ou sub-fóruns. Vamos ver algumas opções:
No índice : O código será aplicado ao índice do fórum.
No portal : O código será aplicado ao Portal do fórum.
Nos sub-fóruns (Fóruns) : O código será aplicado nos Fóruns e Sub-fóruns.
Sobre os temas : O código será aplicado aos tópicos do fórum.
Na galeria : O código será aplicado na sua Galeria de imagens.
Em todas as páginas : O código será aplicado em todas as páginas do fórum.
Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

Para o próximo passo, vamos criar uma página Java Script e colar o código que será explicado.


- Código a ser usado:
Em sua página Javascript, em "Investimento" marque a opção Todas as páginas.
$(function() {
$("div.postbody a").filter(function() {
return 1 == this.childNodes.length && 3 == this.childNodes[0].nodeType && this.childNodes[0].nodeValue == this.getAttribute("href") && 55 < this.childNodes[0].nodeValue.length
}).text(function(b, a) {
return a.substr(0, 39) + " NOME_DO_SEU_FORUM " + a.substr(a.length - 7)
})
});
Verde: E o nome do seu fórum que aparecerá no link, ou seja, se colocar o nome do seu fórum ele será exibido quando for encurtado.
Vermelho: Siginifica a quantidade de letras do link que ainda não aparecer. Por exemplo, se você colocar 0, somente aparecerão 50 letras do link, se colocar-mos 7, mais letras vão aparecer e assim por diante.


  • Resultado:




© Fórum dos Fóruns


Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[Dúvida] Encurtar links nos tópicos

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum