Mudar caixinha de resposta rápida.

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

Atendido / Resolvido Mudar caixinha de resposta rápida.

Mensagem por orgPMO em 25.06.18 0:46

Detalhes da questão


Endereço do fórum: http://orgpmo.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá, queria mudar minha caixinha de resposta rápida para: Imagem

Mas não sei como.
orgPMO

orgPMO
Nível 1

Masculino
Inscrito dia : 25/06/2018
Mensagens : 2
Pontos Ativos : 4

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

Atendido / Resolvido Re: Mudar caixinha de resposta rápida.

Mensagem por Pedxz em 25.06.18 7:03

Olá @orgPMO,
Bem vindo ao fórum de suporte português, Forumeiros!

Adicione no seu CSS
Código:
.sceditor-button, .sceditor-button div {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
.sceditor-button {
  position: relative;
}
a.sceditor-button {
    padding: .7em;
}
.sceditor-button * {
  text-indent: initial!important;
  color: #333!important;
  line-height: 15px!important;
}
 
.sceditor-button div {
  font-size: 0px!important;
  background-image: none!important;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.sceditor-button div:before {
  font-size: 15px!important;
  font-family: FontAwesome;
  text-indent: initial!important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 500!important;
}
 
.sceditor-button-bold div:before {
  content: "\f032";
}
 
.sceditor-button-italic div:before {
  content: "\f033";
}
 
.sceditor-button-underline div:before {
  content: "\f0cd";
}
 
.sceditor-button-strike div:before {
  content: "\f0cc";
}
 
.sceditor-button-left div:before {
  content: "\f036";
}
 
.sceditor-button-center div:before {
  content: "\f037";
}
 
.sceditor-button-right div:before {
  content: "\f038";
}
 
.sceditor-button-justify div:before {
  content: "\f039";
}
 
.sceditor-button-bulletlist div:before {
  content: "\f0ca";
}
 
.sceditor-button-orderedlist div:before {
  content: "\f0cb";
}
 
.sceditor-button-horizontalrule div:before {
  content: "\f068";
}
 
.sceditor-button-quote div:before {
  content: "\f10d";
}
 
.sceditor-button-code div:before {
  content: "\f1c9";
}
 
.sceditor-button-faspoiler div:before {
  content: "\f146";
}
 
.sceditor-button-fahide div:before {
  content: "\f070";
}
 
.sceditor-button-table div:before {
  content: "\f0ce";
}
 
.sceditor-button-servimg div:before {
  content: "\f03e";
}
 
.sceditor-button-image div:before {
  content: "\f1c5";
}
 
.sceditor-button-link div:before {
  content: "\f0c1";
}
 
.sceditor-button-youtube div:before {
  content: "\f166";
}
 
.sceditor-button-dailymotion {
  display: none;
}
 
.sceditor-button-flash div:before {
  content: "\f008";
}
 
.sceditor-button-headers div:before {
  content: "\f1dc";
}
 
.sceditor-button-size div:before {
  content: "\f034";
}
 
.sceditor-button-color div:before {
  content: "\f1fc";
}
 
.sceditor-button-font div:before {
  content: "\f031";
}
 
.sceditor-button-removeformat div:before {
  content: "\f12d";
}
 
.sceditor-button-more div:before {
  content: "\f067";
}
 
.sceditor-button-subscript div:before {
  content: "\f12c";
}
 
.sceditor-button-superscript div:before {
  content: "\f12b";
}
 
.sceditor-button-fascroll div:before {
  content: "\f060";
}
 
.sceditor-button-faupdown div:before {
  content: "\f062";
}
 
.sceditor-button-farand div:before {
  content: "\f074";
}
 
.sceditor-button-date div:before {
  content: "\f133";
}
 
.sceditor-button-time div:before {
  content: "\f017";
}
 
.sceditor-button-pastetext div:before {
  content: "\f0ea";
}
 
.sceditor-button-source div:before {
  content: "\f016";
}
.sceditor-button-emoticon div:before {
  content: "\f118";
}
.sceditor-button-twemoji div:before {
  content: "\f118";
}
.sceditor-button-dailymotion div:before {
  content: "\f03d";
}
.sceditor-button-staff div:before {
  content: "\f132";
  color: #C0392B
}


Leia também: Instalação do fontawesome no fórum

- pedxz
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2788
Pontos Ativos : 3532

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

Atendido / Resolvido Re: Mudar caixinha de resposta rápida.

Mensagem por orgPMO em 30.06.18 20:46

Li o que você pediu, mas mesmo assim não entendi como funciona. Li e vi o vídeo.
orgPMO

orgPMO
Nível 1

Masculino
Inscrito dia : 25/06/2018
Mensagens : 2
Pontos Ativos : 4

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

Atendido / Resolvido Re: Mudar caixinha de resposta rápida.

Mensagem por Pedxz em 30.06.18 20:52

Entre no Painel de controle > Visualização > Templates > Geral e localize o template: overall_header. Clique no ícone do lápis para editar e localize {CSS}, em baixo você só precisa de adicionar
Código:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

Salve e publique o template, e já está Muito feliz
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2788
Pontos Ativos : 3532

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

Atendido / Resolvido Re: Mudar caixinha de resposta rápida.

Mensagem por Pedxz em 04.07.18 11:26

Tópico resolvido


Tópico marcado como resolvido pela equipe por abandono do autor.
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2788
Pontos Ativos : 3532

Ver perfil do usuário https://pedxz.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