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
» Edição de Skin
Hoje à(s) 3:06 por Skyter F. Karlaio

» nao consigo editar templates
Hoje à(s) 2:23 por Harleen

» Existe limite de membros para o envio de mensagens para grupos?
Hoje à(s) 1:20 por Lhs17

» Widgets escondidos
Ontem à(s) 22:07 por kkmlpk

» Deixar efeitos nos Tópicos assim:
Ontem à(s) 21:52 por JrMAFiA

» [Logo] Laranja - Médio - Texto marrom
Ontem à(s) 18:44 por P.H

» [Assinatura] Pedido
Ontem à(s) 18:39 por P.H

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
Harleen
 
Skyter F. Karlaio
 
Lhs17
 
JrMAFiA
 

Quem está conectado
56 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 55 Visitantes :: 1 Motor de busca

Skyter F. Karlaio

[ 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 : 2608
Pontos Ativos : 5088

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 : 329
Pontos Ativos : 857

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 : 1232
Pontos Ativos : 4048

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

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 : 329
Pontos Ativos : 857

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 : 2608
Pontos Ativos : 5088

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 : 329
Pontos Ativos : 857

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 : 2608
Pontos Ativos : 5088

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 : 329
Pontos Ativos : 857

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 : 4973
Pontos Ativos : 7156

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 : 2608
Pontos Ativos : 5088

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 : 4973
Pontos Ativos : 7156

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

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 : 2608
Pontos Ativos : 5088

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 : 4973
Pontos Ativos : 7156

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