[TUTORIAL] Personalizando a função Hashtag
Página 1 de 1 • Compartilhe
[TUTORIAL] Personalizando a função Hashtag
![]() | Personalizando a função Hashtag |
Neste tutorial você administrador, estará aprendendo sobre a personalização da função recentemente adicionada de etiquetar palavras. Além do recurso ser sensacional, com esta função nova poderá ficar com um visual profissional e elegante.
--> Tutoriais, dicas e astúcias <--
Personalizando a função Hashtag
Personalizando a função Hashtag
1º - Noção básica da função:
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.
Vá em: Painel de controle ![]() ![]() ![]() |
![[TUTORIAL] Personalizando a função Hashtag Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
O código que estaremos utilizando é este JavaScript. Pedimos para que não altere nada no código, para que não ocasione em erros depois.
- Código:
$(function() {
var a = document.getElementsByTagName('A'), i = 0, j = a.length;
for (; i<j; i++) {
if (a[i].title && /\/tags\//.test(a[i].href) && /^#/.test(a[i].innerHTML)) {
a[i].className += ' fa-hashtag';
}
}});
Depois de salvar o código JavaScript, passaremos para o próximo passo.
3º - Folha de estilos CSS:
Para que a função seja ativa em teu fórum, precisaremos que aceda a teu painel administrativo e assim ir até na função "Folha de Estilo CSS":
Vá em: Painel de controle ![]() ![]() ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Aplicando o código CSS:
Agora, basta adicionar o código abaixo no campo dos códigos CSS:
- Código:
a.fa-hashtag {
color: #1C9AB8 !important;
text-decoration: none;
background-color: #ECF6FA;
border: 1px solid #97C6D7;
border-radius: 3px;
display: inline-block;
padding: 3px;
}
Resultado:
![[TUTORIAL] Personalizando a função Hashtag UZONf9l](https://i.imgur.com/UZONf9l.png)
© Fórum dos Fóruns & @RafaelS.
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [DÚVIDA] Personalizando a função Hashtag |
![-](https://2img.net/i/fa/fdf3/moins10.png)
» [TUTORIAL] Personalizando o painel de usuário
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Função Dia, mês e hora sobre o cursor
» [TUTORIAL] Função "Leia mais" nas mensagens
» [TUTORIAL] Função de informação no cadastro do usuário
» [TUTORIAL] Função de carregamento em páginas
» [TUTORIAL] Função Dia, mês e hora sobre o cursor
» [TUTORIAL] Função "Leia mais" nas mensagens
» [TUTORIAL] Função de informação no cadastro do usuário
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos