Personalizar SCEDITOR

5 participantes

Ir para baixo

Tópico resolvido Personalizar SCEDITOR

Mensagem 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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem por Harleen 09.04.18 15:01

Harleen
Harleen
Super Membro

Membro desde : 09/07/2012
Mensagens : 1779
Pontos : 2373

https://antenadogames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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é.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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. 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 ^^
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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.
virus
virus
Membro

Membro desde : 03/03/2013
Mensagens : 695
Pontos : 910

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem por YouTube3 12.04.18 9:41

Pode fechar obg ^^
YouTube3
YouTube3
Super Membro

Membro desde : 04/01/2015
Mensagens : 1120
Pontos : 1597

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar SCEDITOR

Mensagem 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.
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos