Personalizar SCEDITOR

por YouTube3 09.04.18 14:34

Detalhes da questão

Endereço do fórum: http://koerich.forumais.com/
Versão do fórum: PunBB

Descrição

Olá, é possível adicionar esse SCEDITOR em meu fórum? Caso não puder pode closar o tópico.
Personalizar SCEDITOR MDTkYw5

Fórum onde achei: http://forum.brasilplaygames.com.br/forum

por Harleen 09.04.18 15:01

Olá, siga esse tutorial:

Seta

Modificar os botões do SCEditor para ícones da FontAwesome

Até mais

por YouTube3 10.04.18 5:16

OK. Só uma dúvida, é possível pegar a fonte Arial que eles utilizam no fórum deles?
Já possuo essa fonte em meu fórum, mas não se parece nada com a fonte Arial

por RafaelS. 10.04.18 16:55

Olá @YouTube3,

Pelo que eu vi, o fórum que você citou usa a fonte Roboto e não Arial. Pensativo

Será necessário sua folha de estilos para editar a fonte do seu fórum.

Até lá. zen

por virus 10.04.18 17:32

Olá, se é adicionar novas fonts ao sceditor recomendo que veja este tópico:
https://ajuda.forumeiros.com/t105897-tutorial-adicionar-novas-fontes-no-sceditor

Até.

por YouTube3 11.04.18 5:30

RafaelS. escreveu:Olá @YouTube3,

Pelo que eu vi, o fórum que você citou usa a fonte Roboto e não Arial.
Será necessário sua folha de estilos para editar a fonte do seu fórum.

Até lá.

Está aqui: https://pastebin.com/du4u3bzS

Olá, se é adicionar novas fonts ao sceditor recomendo que veja este tópico:
https://ajuda.forumeiros.com/t105897-tutorial-adicionar-novas-fontes-no-sceditor

Até.

virus, já vi o tutorial mas não tem a fonte aí... se eu não me engano ^^

por virus 11.04.18 6:07

A diferença para adicionar o código com a fonte Roboto é assim:
Javascript com fonte roboto

Código:: $(function(){$(function() { $('.sceditor-button-font').click(function() { newFont('Lobster'); newFont('Merriweather'); newFont('Katibeh'); newFont('Inconsolata'); newFont('Dosis'); newFont('BioRhyme'); newFont('Tillana'); newFont('Roboto'); $('.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>')} })});

Adicionar no topo do overall_header indicado no tutorial dentro da tag head

Código:: <link href="https://fonts.googleapis.com/css?family=BioRhyme|Dosis|Inconsolata|Katibeh|Lobster|Merriweather|Roboto|Tillana" rel="stylesheet">

Até mais.

por YouTube3 11.04.18 17:57

Não mudou nada, apenas adicionou mais 10+ fontes '-' Roboto continua sendo a mesma "Arial" que tá no fórum

por RafaelS. 11.04.18 18:36

Olá!

Acesse o seu template overall_header e após a tag <head>, cole este código:

Código:: <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

Troque o CSS que me forneceu, por este:
https://pastebin.com/E4vw1hAX

Até mais. zen

por YouTube3 12.04.18 9:41

Pode fechar obg ^^

por Chanp 12.04.18 10:09

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Hitskin.com

Personalizar SCEDITOR