[TUTORIAL] Encurtar links nos tópicos

Ir para baixo

[TUTORIAL] Encurtar links nos tópicos Empty [TUTORIAL] Encurtar links nos tópicos

Mensagem por Convidad 10.06.12 19:03


[TUTORIAL] Encurtar links nos tópicos Ecrire10

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 >>
[TUTORIAL] Encurtar links nos tópicos Painel13
[TUTORIAL] Encurtar links nos tópicos 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Encurtar links nos tópicos 110210Seta 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.
[TUTORIAL] Encurtar links nos tópicos 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery.
[TUTORIAL] Encurtar links nos tópicos 110410Seta 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:
    [TUTORIAL] Encurtar links nos tópicos Result29




© Fórum dos Fóruns


[TUTORIAL] Encurtar links nos tópicos Act_bottom 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
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Ir para o topo


 
Permissões neste sub-fórum
Não podes responder a tópicos