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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Ferramentas Moderativas
Hoje à(s) 08:01 pm por Ketholy

» Botões de Fixo e Resolvido
Hoje à(s) 07:19 pm por Ketholy

» Calculadora específica
Hoje à(s) 06:17 pm por BrunoLemos

» Erro de segurança, phishing
Hoje à(s) 06:11 pm por Shek

» Problema com Widget Tópicos Recentes
Hoje à(s) 05:53 pm por brunopro

» Cor da barra
Hoje à(s) 05:33 pm por Ketholy

» Resposta Topico
Hoje à(s) 03:47 pm por Ketholy

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Ketholy
 
Gaaratsu
 
Shek
 
Fou-Lu
 
Eduardo Lima
 
while
 
Jeckwilke
 
LucasPofahl
 
brunopro
 
paulim78
 

Quem está conectado
294 usuários online :: 16 usuários cadastrados, 1 Invisível e 277 Visitantes :: 3 Motores de busca

banzé, brunopro, Call Manuel, Connor R., EDU2010, Froozen, Holkis, Jeckwilke, Kenno LP, Ketholy, Lincoln, Lost154, odelgado, paulim78, Railison Ramon, William_iHarDz

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar caixa de cores do fórum

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

Resolvido Personalizar caixa de cores do fórum

Mensagem por Luan Martins em 06/06/16, 10:57 pm

Detalhes da questão


Endereço do fórum: http://istdurmstrang.forumeiros.com/
Versão do fórum: PhpBB2

Descrição


Hey pessoal, eu segui esse tutorial http://ajuda.forumeiros.com/t55941-paleta-de-cores-diversificada sobre a caixa de cores mas mesmo colocando os códigos corretamente ela não pega no meu fórum. Alguém pode me ajudar?
avatar

Luan Martins
Novo membro

Masculino
Inscrito dia : 06/06/2016
Mensagens : 1
Pontos Ativos : 3

Ver perfil do usuário http://istdurmstrang.forumeiros.com/

Resolvido Re: Personalizar caixa de cores do fórum

Mensagem por while em 06/06/16, 11:11 pm

Olá amigo, esse código não funciona mais, pois a caixa de resposta (SCeditor) foi atualizado.

Existe uma nova maneira de personalização da paleta, e ela seria bem interessante, podes ver o efeito dela adicionando os seguintes códigos:

Na sua folha de estilo adicione:
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;
}

Feito isto, crie um novo javascript com investimento em todas as paginas com esse código:
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);
  }
})});

Atenciosamente,
While.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3129
Pontos Ativos : 4558

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar caixa de cores do fórum

Mensagem por Sennior em 11/06/16, 09:24 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

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