Personalizar SCEDITOR

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar SCEDITOR

Mensagem por YouTube3 em 09/04/18, 10:34 am

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.


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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com
  • 0

Resolvido Re: Personalizar SCEDITOR

Mensagem por Harleen em 09/04/18, 11:01 am

avatar

Harleen
Membro do Fórum

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1628
Pontos Ativos : 2137

Ver perfil do usuário

Resolvido Re: Personalizar SCEDITOR

Mensagem por YouTube3 em 10/04/18, 01:16 am

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
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: Personalizar SCEDITOR

Mensagem por RafaelS. em 10/04/18, 12:55 pm

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
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3408
Pontos Ativos : 4375

Ver perfil do usuário http://techmais.forumeiros.com/
  • 0

Resolvido Re: Personalizar SCEDITOR

Mensagem por virus em 10/04/18, 01:32 pm

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é.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Personalizar SCEDITOR

Mensagem por YouTube3 em 11/04/18, 01:30 am

@RafaelS. escreveu: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
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 ^^
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: Personalizar SCEDITOR

Mensagem por virus em 11/04/18, 02:07 am

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.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Personalizar SCEDITOR

Mensagem por YouTube3 em 11/04/18, 01:57 pm

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

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com
  • 0

Resolvido Re: Personalizar SCEDITOR

Mensagem por RafaelS. em 11/04/18, 02:36 pm

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
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3408
Pontos Ativos : 4375

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Personalizar SCEDITOR

Mensagem por YouTube3 em 12/04/18, 05:41 am

Pode fechar obg ^^
avatar

YouTube3
Membro do Fórum

Masculino
Inscrito dia : 04/01/2015
Mensagens : 1120
Pontos Ativos : 1597

Ver perfil do usuário https://ajuda.forumeiros.com

Resolvido Re: Personalizar SCEDITOR

Mensagem por Chanp em 12/04/18, 06:09 am

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

Chanp
Nível 9

Masculino
Inscrito dia : 03/01/2018
Mensagens : 185
Pontos Ativos : 212

Ver perfil do usuário http://ctrofc.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum