[TUTORIAL] Encurtar links nos tópicos
Página 1 de 1
[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:
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 >>
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.
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.$(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)
})
});
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
Tópicos semelhantes
» [TUTORIAL] Tópicos similares com tópicos do seu fórum
» [TUTORIAL] Exibir links em mensagens para visitantes
» [TUTORIAL] Auto-embed em links do youtube
» [TUTORIAL] Modificar estilo dos links de seu blog
» [TUTORIAL] Criar um menu lateral com links rápidos
» [TUTORIAL] Exibir links em mensagens para visitantes
» [TUTORIAL] Auto-embed em links do youtube
» [TUTORIAL] Modificar estilo dos links de seu blog
» [TUTORIAL] Criar um menu lateral com links rápidos
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos