[TUTORIAL] Adicionar novas fontes no SCeditor
Página 1 de 1 • Compartilhe
[TUTORIAL] Adicionar novas fontes no SCeditor
![]() | Adicionar fontes no SCeditor |
As vezes gostaríamos de adicionar novas fontes no SCeditor. Neste tutorial vamos aprender como é possível adicionar novas fontes.
--> Tutoriais, dicas e astúcias <--
Adicionar fontes no SCeditor
Adicionar fontes no SCeditor
1º - Paginas Javascript:
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 ![]() ![]() ![]() |
![[TUTORIAL] Adicionar novas fontes no SCeditor Painel13](https://i.servimg.com/u/f48/15/88/72/83/painel13.png)
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
![]() | ![]() |
2º - Código a ser usado:
Coloque esse código no conteúdo do javascript
- Código:
$(function(){$(function() {
$('.sceditor-button-font').click(function() {
newFont('Lobster');
newFont('Merriweather');
newFont('Katibeh');
newFont('Inconsolata');
newFont('Dosis');
newFont('BioRhyme');
newFont('Tillana');
$('.sceditor-font-option.new-font').click(function(e){$('#text_editor_textarea').sceditor('instance').insertText('[font='+$(this).attr('data-font')+']','[/font]');$('.sceditor-font-picker').remove();e.preventDefault()})
});
function newFont(font){$('.sceditor-font-picker div').append('<a unselectable="on" class="sceditor-font-option new-font" href="#" data-font="'+font+'"><font unselectable="on" face="'+font+'">'+font+'</font></a>')}
})});
3° - Edição dos templates
Para que possamos fazer tal função em nosso fórum, precisaremos modificar o Template "Overall_header", como mostramos abaixo:
Painel de controle ![]() ![]() ![]() ![]() |
![[TUTORIAL] Adicionar novas fontes no SCeditor Templa10](https://i.servimg.com/u/f48/15/88/72/83/templa10.png)
4º - Adicionando o código:
Adicione esse código no topo do seu overall_header:
- Código:
<link href="https://fonts.googleapis.com/css?family=BioRhyme|Dosis|Inconsolata|Katibeh|Lobster|Merriweather|Tillana" rel="stylesheet">
Resultado
![[TUTORIAL] Adicionar novas fontes no SCeditor Fontes10](https://i.servimg.com/u/f35/19/24/16/87/fontes10.png)
© Fórum dos Fóruns
![]() | Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Como adicionar novas fontes no SCeditor |
while- ⭑ Membro Entusiasta ⭑
-
Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

» [TUTORIAL] Adicionar botão do FontAwesome ao SCEditor
» Adicionar novas fontes ao fórum
» Adicionar novas fontes no fórum
» Como posso adicionar novas fontes aos tópicos???
» [TUTORIAL] Adicionar novo botão no SCEditor
» Adicionar novas fontes ao fórum
» Adicionar novas fontes no fórum
» Como posso adicionar novas fontes aos tópicos???
» [TUTORIAL] Adicionar novo botão no SCEditor
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos