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

Agosto 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
» Modificar nome do fórum
Hoje à(s) 11:29 por Cream

» Remover "Última edição por"
Hoje à(s) 11:20 por Cream

» Personalizar título e ícone das categorias
Hoje à(s) 8:27 por sandra51

» Titulo da mensagem
Hoje à(s) 5:57 por William_iHarDz

» Ausência dos campos de perfil
Hoje à(s) 4:13 por while

» Formulário de postagem
Hoje à(s) 3:55 por while

» Problema nas páginas devido aos anúncios
Hoje à(s) 3:47 por while

Perdi minha senha!
Obter senha

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

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Shek
 
Holkis
 
Mr.Probz
 
Nean
 
lavinnia
 
Harold C+
 
Sennior
 
BichodoMato
 

Quem está conectado
63 usuários online :: 2 usuários cadastrados, Nenhum Invisível e 61 Visitantes :: 1 Motor de busca

Cream, staay03

[ 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.
Meriteiro
Meriteiro

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

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 : 326
Pontos Ativos : 785

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 : 1226
Pontos Ativos : 3971

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 : 1413
Pontos Ativos : 2317

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 : 326
Pontos Ativos : 785

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

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 : 326
Pontos Ativos : 785

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

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 : 326
Pontos Ativos : 785

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'


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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 : 1413
Pontos Ativos : 2317

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

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2607
Pontos Ativos : 5018

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4953
Pontos Ativos : 7059

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