Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Outubro de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Quem está conectado
71 usuários online :: Nenhum usuário registrado, Nenhum Invisível e 71 Visitantes :: 1 Motor de busca

Nenhum

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

SCEditor personalizado

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

Em curso SCEditor personalizado

Mensagem por Cristian 95 em Qua 23 Nov 2016 - 21:05

Detalhes da questão


Endereço do fórum: playsuper.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá gente, eu procurei mas não achei nenhum tópico sobre isso, quero personalizar meu SCEDitor. O meu está muito feio.


Link

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 3460

http://secondlifevirtual.forumeiros.com/

Em curso Re: SCEditor personalizado

Mensagem por while em Qui 24 Nov 2016 - 1:55

Olá autor, boa noite.

Seria bom se você explicasse como quer... no mais, veja esses dois tópicos:

http://ajuda.forumeiros.com/t105312-
http://ajuda.forumeiros.com/t101509-

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: SCEditor personalizado

Mensagem por Cristian 95 em Qui 24 Nov 2016 - 20:08

Olá.
Desculpe pela falta de especificação .. ;s

Queria se possivei igual a deste tópico só que: 
Caixa da Mensagem e a Barra de Ferramentas #c9c9c9
Borda #000000 e a Borda do Botão #424242
Grupo de Funções #474747

Obrigado deste já. Muito feliz

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 3460

http://secondlifevirtual.forumeiros.com/

Em curso Re: SCEditor personalizado

Mensagem por while em Qui 24 Nov 2016 - 20:32

Olá autor,

Não sei se é exatamente isto que deseja... mas adicione esse código em sua folha de estilo css:

Código:
#text_editor_controls, #text_editor_textarea {background:#c9c9c9!important;border:1px solid #000!important;}
        button.button2, input.button2 {border: 1px solid #424242;}

OBS: O efeito é somente para o formulário padrão de mensagem certo? Digo... ao criar um novo tópico, responder um tópico (sem ser pela caixa de resposta rápida), ao escrever uma nova MP...

Até mais.

while
Usuário experiente

Masculino
Inscrito dia : 24/04/2016
Mensagens : 2817
Pontos Ativos : 4143

http://www.ajuda.forumeiros.com https://www.facebook.com/https://www.facebook.com/profile.php?id=100012157981279

Em curso Re: SCEditor personalizado

Mensagem por Cristian 95 em Qui 24 Nov 2016 - 20:37

Olá.
O código foi aplicado onde eu queria sim .. mas ainda não como eu quero ...
Queria algo parecido com a imagem a seguir, os botões mais personalizados, o jeito que ficou não gostei.
Como ficou

Link da imagem



+/- Como quero.

Link da imagem

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 3460

http://secondlifevirtual.forumeiros.com/

Em curso Re: SCEditor personalizado

Mensagem por Kyo Panda em Seg 28 Nov 2016 - 0:11

Adicione ao CSS:

Código:
div#text_editor_controls {
  border: none !important;
  background: none !important;
}

span#text_edit > img {
  visibility: hidden;
}

#html_edit + img {
  display: none;
}

span#text_edit button,
span#text_edit input.button2,
button#upload_btn {
  margin: 0 -4px 0 0;
  height: 30px !important;
  width: 30px !important;
  border: none;
  border-top: 1px #666 solid;
  border-bottom: 1px #666 solid;
  margin-bottom: 10px;
  cursor: pointer;
  outline: none;
  transition: 250ms ease all;
}

span#text_edit input.button2,
button#upload_btn {
  width: auto !important;
  padding: 0 10px;
}

span#text_edit button#addbbcode0,
span#text_edit button#addbbcode52,
span#text_edit button#addbbcode10,
span#text_edit button#addbbcode6,
span#text_edit button#imageshack,
span#text_edit button[title="Tamanho da fonte"] {
  border-left: 1px #666 solid;
  border-radius: 3px 0 0 3px;
}

span#text_edit button#addbbcode34,
span#text_edit button#addbbcode46,
span#text_edit button[title="Inserir uma linha"],
span#text_edit button#addbbcodetable,
span#text_edit button[title="Vídeo"],
span#text_edit button[title="Fonte"] {
  border-right: 1px #666 solid;
  border-radius: 0 3px 3px 0;
}

span#text_edit input.button2,
span#text_edit button[title="Ajuda"],
button#upload_btn {
  border: 1px #666 solid;
  border-radius: 3px;
}

div#format-buttons a[href="javascript:bbstyle(-1)"] {
  vertical-align: middle;
  height: 30px;
  display: inline-block;
}

button#upload_btn {
  margin-left: -4px;
}

Veja se gosta. Eu tentei fazer com o fundo cinza (como o da captura de tela), porém o resultado não ficou agradável, dado aos ícones dentro dos botões terem algumas bordas brancas e praticamente sumirem pela cor.

Então fiz um "bem bolado" com o branco mesmo.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1434
Pontos Ativos : 3970

http://ajuda.forumeiros.com

Em curso Re: SCEditor personalizado

Mensagem por Cristian 95 em Ter 29 Nov 2016 - 14:28

Olá, ficou bom, mas não me agradei muito ..
Veja como ficou:

Link da imagem



Teria como fazer algo mais parecido com isto?

Link da imagem

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 3460

http://secondlifevirtual.forumeiros.com/

Em curso Re: SCEditor personalizado

Mensagem por Kyo Panda em Ter 29 Nov 2016 - 22:46

Então: Apenas uma barra, sem a divisão dos botões, e com o efeito ao passar o mouse por cima?

P.S.: Peço que remova o CSS que passei anteriormente. Ele atrapalhará na criação de um novo.

Kyo Panda
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 1434
Pontos Ativos : 3970

http://ajuda.forumeiros.com

Em curso Re: SCEditor personalizado

Mensagem por Cristian 95 em Qui 1 Dez 2016 - 1:02

Sim ... mas a cada tres botoes a uma barra rsrsr...

Cristian 95
Usuário destaque

Masculino
Inscrito dia : 16/12/2010
Mensagens : 946
Pontos Ativos : 3460

http://secondlifevirtual.forumeiros.com/

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

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5