[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 Modulos HTML & JavaScript "Aba" 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. No nosso caso, aplicaremos em todas as paginas. |
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. |
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 Visualização Templates "Aba" Geral Overall_header |
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
© 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 |
Tópicos semelhantes
» [TUTORIAL] Adicionar botão do FontAwesome ao SCEditor
» Adicionar novas fontes no fórum
» Adicionar novas fontes ao fórum
» Como posso adicionar novas fontes aos tópicos???
» [TUTORIAL] Adicionar novo botão no SCEditor
» Adicionar novas fontes no fórum
» Adicionar novas fontes ao 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