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
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
272 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 265 Visitantes :: 1 Motor de busca

Connor R., Daniel Z, Fou-Lu, Harleen, Solaria Magnum, Stewart, William_iHarDz

[ Ver toda a lista ]


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

Adicionar mais cores no botão BBCode "Cor"

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

Resolvido Adicionar mais cores no botão BBCode "Cor"

Mensagem por IsmaelS. em Ter 3 Nov 2015 - 17:54

Detalhes da questão


Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá!

Gostaria se era possível adicionar mais cores personalizadas na função "Cor" do BBCode das caixas de resposta ou seja:

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Wamki em Ter 3 Nov 2015 - 17:59

Painel de Controle Flecha ajudeiros Geral Flecha ajudeiros Mensagens e e-mails Flecha ajudeiros Configuração Flecha ajudeiros Tipo de editor - paleta de cores Flecha ajudeiros Extendido Flecha ajudeiros Salvar 

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 945

http://infostyle.forumbrasil.net

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por ZombieW em Ter 3 Nov 2015 - 18:00

@Cutie

Essa é uma solução, mas e se eu quisesse de fato o que o usuário perguntou: adicionar novas cores pré-definidas à essa lista, é possível?

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1236
Pontos Ativos : 4139

http://www.perfectteam.org

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por MateusAnjosV em Ter 3 Nov 2015 - 18:03

Boa tarde!

É possível sim @ZombieW!!!


Ismael, diga-me as cores, caso a opção do Cutie não sane o que deseja, ok?

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2478

http://ajuda.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Wamki em Ter 3 Nov 2015 - 18:04

@ZombieW escreveu:@Cutie

Essa é uma solução, mas e se eu quisesse de fato o que o usuário perguntou: adicionar novas cores pré-definidas à essa lista, é possível?
Podemos fazer sim claro, 
Código:

$(function(){$(function(){
  if ($("#text_editor_textarea").length < 1) return;
  $.sceditor.command.get('color')._menu  = function (editor, caller, callback) {
    var mColorBasic = [],
    html = $('<div />');
                
    // begin list of colors
              
    mColorBasic["Black"] = "#000000";
    mColorBasic["Dark Blue"] = "#00008B";
    mColorBasic["Teal"] = "#008080";
    mColorBasic["Dark Green"] = "#006400";
    mColorBasic["Indigo"] = "#4B0082";
    mColorBasic["Crimson"] = "#DC143C";
    mColorBasic["Orange"] = "#FF4500";
    mColorBasic["Brown"] = "#663300";
        
    mColorBasic["Dark Gray"] = "#666666";
    mColorBasic["Royal Blue"] = "#4169E1";
    mColorBasic["Dark Turquoise"] = "#00CED1";
    mColorBasic["Green"] = "#008000";
    mColorBasic["Purple"] = "#9400D3";
    mColorBasic["Red"] = "#FF0000";
    mColorBasic["Light Orange"] = "#FF9933";
    mColorBasic["Sienna"] = "#A0522D";
        
    mColorBasic["Light Gray"] = "#D3D3D3";
    mColorBasic["Sky Blue"] = "#87CEEB";
    mColorBasic["Cyan"] = "#00FFFF";
    mColorBasic["Green Apple"] = "#32CD32";
    mColorBasic["Mauve"] = "#DA70D6";
    mColorBasic["Salmon"] = "#FA8072";
    mColorBasic["Gold"] = "#FFD700";
    mColorBasic["Light Brown"] = "#CD853F";
        
    mColorBasic["White"] = "#FFFFFF";
    mColorBasic["Pale Turquoise"] = "#AFEEEE";
    mColorBasic["Blue Green"] = "#7FFFD4";
    mColorBasic["Pale Green"] = "#98FB98";
    mColorBasic["Pink"] = "#FFC0CB";
    mColorBasic["Peach"] = "#FFDAB9";
    mColorBasic["Yellow"] = "#FFFF00";
    mColorBasic["Wood"] = "#DEB887";
              
    // end list of colors
              
    for(key in mColorBasic) html.append('<div class="color-option" title="' + key + '"><span color="' + mColorBasic[key] + '" style="background-color: ' + mColorBasic[key] + ' !important;"></span></div>');
              
    html.find('span').click(function(e) {
      callback($(this).attr('color'));
      editor.closeDropDown(true);
      e.preventDefault();
    });
              
    editor.createDropDown(caller, "color-picker", html);
  }
})});

O resultado seria isto:,

Só adicionar mais cores fazendo esse tipo de código:
Código:
mColorBasic["Wood"] = "#DEB887";

E o CSS
seria isto:
Código:

.color-option {
display: inline-block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
border: 2px solid #fff !important;  /* borda branca à volta dos ícones */
margin: 3px !important;  /* espaço entre cada ícone */
box-shadow: 0 0 2px #778899;  /* sombra */
cursor: pointer !important;
}

.color-option span{
display: block !important;
width: 15px !important;  /* largura do ícone */
height: 15px !important;  /* altura do ícone */
}

.color-option, .color-option span {
border-radius: 2px;  /* arredondamento */ 
}

.sceditor-dropdown.sceditor-color-picker {
width: 200px !important;  /* largura da paleta */
height: 100px !important;  /* altura da paleta */
padding: 5px !important;
border-radius: 5px !important;
}
O investimento seria em todas páginas

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 945

http://infostyle.forumbrasil.net

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por IsmaelS. em Ter 3 Nov 2015 - 18:06

@Cutie Tuteur isso foi um tutorial que tinha posto na BestSkins, mas eu quero manter como na print.

@MateusAnjosV desejava apenas adicionar estas amigo:

Código:
#00A4CD
- Nome: Azul Claro
Código:
#86B125
- Nome: Verde Claro

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Wamki em Ter 3 Nov 2015 - 18:13

@IsmaelS,
Tentei alguns códigos em base, mas não funciona, então não é possível continuar com essa modificação, só com aquele código mesmo que te enviei, você pode excluir ou adicionar.

Alguma solução @Daemon , @Hancki , @JScript ?

Pensativo

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 945

http://infostyle.forumbrasil.net

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por IsmaelS. em Ter 3 Nov 2015 - 18:19

Cutie Tuteur escreveu:@IsmaelS,
Tentei alguns códigos em base, mas não funciona, então não é possível continuar com essa modificação, só com aquele código mesmo que te enviei, você pode excluir ou adicionar.

Alguma solução @Daemon , @Hancki , @JScript ?

Pensativo

Sei que tem uma maneira porque lembram-me de ver a uns tempos atrás, uma dúvida como isso e resolveram mas não a encontrei... Irei aguardar por alguém.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Wamki em Ter 3 Nov 2015 - 18:34

Achei o tutorial,
http://ajuda.forumeiros.com/t56814-
Mas por fato estamos proibido de acessar-o, que estranho, deixo-os link pra o @Fraise ou outro membro da equipa pode te dar o conteúdo..

Wamki
Usuário avançado

Masculino
Inscrito dia : 22/10/2015
Mensagens : 332
Pontos Ativos : 945

http://infostyle.forumbrasil.net

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Fraise em Ter 3 Nov 2015 - 18:42

Olá!

Ora isso é simples. Aceda a Painel de Controle Seta Geral Seta Mensagens e e-mails Seta Configuração e em "Tipo de editor - paleta de cores" selecione Extendido.

Até mais.
Fraise

Tópico movido de 'Questões sobre códigos' para 'Questões sobre o painel de administração'

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por IsmaelS. em Ter 3 Nov 2015 - 18:44

@Fraise como o @ZombieW disse, e se preferir manter o padrão não é possível adicionar mais cores?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/
  • 0

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Fraise em Ter 3 Nov 2015 - 18:47

Ah, nem prestei atenção, desculpe.
Sendo assim, consulte este tutorial:
Seta http://ajuda.forumeiros.com/t56729-

Até mais.
Fraise

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF
  • 0

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por MateusAnjosV em Ter 3 Nov 2015 - 18:53

Olá @IsmaelS.

Fiz para você amigo, crie um novo javascript, investimento nos tópicos:
Código:
$(window).load(function(){
$('.sceditor-button.sceditor-button-color').click(function(){

$('.sceditor-dropdown.sceditor-color-picker').append('<div unselectable="on"><a class="sceditor-fontsize-option" unselectable="on"><font color="#00A4CD" onclick="azulclaro();" unselectable="on" id="azulclaro">Azul Claro</font></a></div> <div unselectable="on"><a class="sceditor-fontsize-option" unselectable="on" id="verdeclaro"><font color="#86B125" unselectable="on">Verde Claro</font></a></div>');
$('#verdeclaro').click(function(){
var textart = $('#textarea_content div textarea').val();
   var verdcr = '[color="#86B125"][/color]';
   $('#textarea_content div textarea').val(textart + verdcr);
});

$('#azulclaro').click(function(){
    var textart = $('#textarea_content div textarea').val();
   var azulcr = '[color="#00A4CD"][/color]';
   $('#textarea_content div textarea').val(textart + azulcr);
});
});
});
Se correr como planejado, deve ficar assim:
http://prntscr.com/8ynnht

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2478

http://ajuda.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por IsmaelS. em Ter 3 Nov 2015 - 18:59

@Fraise e @MateusAnjosV obrigado a ambos resultou, mas vou preferir do Mateus mais simples e prático obrigado a ambos!!

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2610
Pontos Ativos : 5176

http://suportedesign.forumeiros.com/

Resolvido Re: Adicionar mais cores no botão BBCode "Cor"

Mensagem por Fraise em Ter 3 Nov 2015 - 19:00

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fraise
Super usuário

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4974
Pontos Ativos : 7239

http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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