[TUTORIAL] Encurtar links nos tópicos
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Encurtar links nos tópicos
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
Encurtar links nos tópicos
1º - Página .JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
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. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
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.
2º - Código a ser usado:
Em sua página Javascript, em "Investimento" marque a opção Todas as páginas.
O valor em verde, é o nome do seu fórum que aparecerá no link.$(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)
})
});
O termo em 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:
© Shiftactif
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 |
Tópicos semelhantes
» [TUTORIAL] Sub-links nos menus (PHPBB3)
» [TUTORIAL] Modificar links de download externos por imagem
» [TUTORIAL] Mover tópicos nos tópicos
» [TUTORIAL] Gostei para tópicos
» [TUTORIAL]Efeito palavras chaves nos tópicos.
» [TUTORIAL] Modificar links de download externos por imagem
» [TUTORIAL] Mover tópicos nos tópicos
» [TUTORIAL] Gostei para tópicos
» [TUTORIAL]Efeito palavras chaves nos tópicos.
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos