Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosComo altera caixa cores da parte que cria os tópicos
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como altera caixa cores da parte que cria os tópicos
por Cristian 95 04.04.12 1:49
Qual é minha questão:
Galera, eu queria deixar o meu fórum como o deste, só a parte que está na imagem, a parte que de cores, só para deixar claro o quadrado branco é o botão de Ok e o preto é onde eu cliquei para aparece essa caixa de cores.
Medidas que eu tomei para corrigir o problema:
Nada, não manjo desses códigos.
Links e imagens do meu problema:
Endereço do meu fórum:
http://brisando.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
Galera, eu queria deixar o meu fórum como o deste, só a parte que está na imagem, a parte que de cores, só para deixar claro o quadrado branco é o botão de Ok e o preto é onde eu cliquei para aparece essa caixa de cores.
Medidas que eu tomei para corrigir o problema:
Nada, não manjo desses códigos.
Links e imagens do meu problema:
Endereço do meu fórum:
http://brisando.forumeiros.com/forum
Versão do meu fórum:
PHPBB3
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Re: Como altera caixa cores da parte que cria os tópicos
por David Ferreira 04.04.12 1:54
Forum do BPF e??
tambem tinha a mesma pergunta, fiz o topico e deu certo, ai vai o topico:
https://ajuda.forumeiros.com/t56464-como-adicionar-essa-barra-de-cores-diferente#382340
tambem tinha a mesma pergunta, fiz o topico e deu certo, ai vai o topico:
https://ajuda.forumeiros.com/t56464-como-adicionar-essa-barra-de-cores-diferente#382340
David Ferreira- **
- Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138 -
Re: Como altera caixa cores da parte que cria os tópicos
por Cristian 95 04.04.12 17:47
David Ferreira escreveu:Forum do BPF e??
tambem tinha a mesma pergunta, fiz o topico e deu certo, ai vai o topico:
https://ajuda.forumeiros.com/t56464-como-adicionar-essa-barra-de-cores-diferente#382340
Po brother, nem funcionou. :\
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Re: Como altera caixa cores da parte que cria os tópicos
por David Ferreira 04.04.12 19:23
essa e a unica maneira que eu saiba de adicionar essa caixa de cores... quando nao estava dando no meu forum, eu fui e verifiquei minha folha de java scrip e vi que tinha um java entrnado em comflito com ele, ai eu fui e excluir a java que estava dando comflito e funcionou na hora xD..
tenta ai, talvez sua folha de java esteja com algum script bugado..
tenta ai, talvez sua folha de java esteja com algum script bugado..
David Ferreira- **
- Membro desde : 31/03/2012
Mensagens : 90
Pontos : 138 -
Re: Como altera caixa cores da parte que cria os tópicos
por MateusV. 04.04.12 20:35
Olá,
Cordialmente.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
Clique no botão "Criar um novo javascript" e na função "investimento" marque a opção "Nos tópicos" e abaixo no campo JS adicione o seguinte código:Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão dos códigos javascripts ->>
- Código:
;function viec(color){document.getElementById("colorpreview").style.backgroundColor="#"+color;document.getElementById("colorhex").value="#"+color};jQuery(document).ready(function(){jQuery("div#color.select").html("<div style=background:buttonface;margin:0px;padding:0px;width:202px;height:145px><table border=0 cellspacing=0 cellpadding=4 width=100%><tr><td style=background:buttonface valign=middle><div style=background-color:#000000;padding:1;height:21px;width:50px><div id=colorpreview style=height:100%;width:100%></div></div></td><td style=background:buttonface valign=middle><input type=text name=colorhex id=colorhex value='' size=15 style=font-size:12px></td><td style=background:buttonface width=100%></td></tr></table><table border=0 cellspacing=1 cellpadding=0 width=100% bgcolor=#000000 style=cursor:hand><tr><td bgcolor=#000000 onmouseover=viec('000000') onclick=bbfontstyle('[color=#000000]','[/color]') height=9 width=9></td><td bgcolor=#000000 onmouseover=viec('000000') onclick=bbfontstyle('[color=#000000]','[/color]') height=9 width=9></td><td bgcolor=#003300 onmouseover=viec('003300') onclick=bbfontstyle('[color=#003300]','[/color]') height=9 width=9></td><td bgcolor=#006600 onmouseover=viec('006600') onclick=bbfontstyle('[color=#006600]','[/color]') height=9 width=9></td><td bgcolor=#009900 onmouseover=viec('009900') onclick=bbfontstyle('[color=#009900]','[/color]') height=9 width=9></td><td bgcolor=#00CC00 onmouseover=viec('00CC00') onclick=bbfontstyle('[color=#00CC00]','[/color]') height=9 width=9></td><td bgcolor=#00FF00 onmouseover=viec('00FF00') onclick=bbfontstyle('[color=#00FF00]','[/color]') height=9 width=9></td><td bgcolor=#330000 onmouseover=viec('330000') onclick=bbfontstyle('[color=#330000]','[/color]') height=9 width=9></td><td bgcolor=#333300 onmouseover=viec('333300') onclick=bbfontstyle('[color=#333300]','[/color]') height=9 width=9></td><td bgcolor=#336600 onmouseover=viec('336600') onclick=bbfontstyle('[color=#336600]','[/color]') height=9 width=9></td><td bgcolor=#339900 onmouseover=viec('339900') onclick=bbfontstyle('[color=#339900]','[/color]') height=9 width=9></td><td bgcolor=#33CC00 onmouseover=viec('33CC00') onclick=bbfontstyle('[color=#33CC00]','[/color]') height=9 width=9></td><td bgcolor=#33FF00 onmouseover=viec('33FF00') onclick=bbfontstyle('[color=#33FF00]','[/color]') height=9 width=9></td><td bgcolor=#660000 onmouseover=viec('660000') onclick=bbfontstyle('[color=#660000]','[/color]') height=9 width=9></td><td bgcolor=#663300 onmouseover=viec('663300') onclick=bbfontstyle('[color=#663300]','[/color]') height=9 width=9></td><td bgcolor=#666600 onmouseover=viec('666600') onclick=bbfontstyle('[color=#666600]','[/color]') height=9 width=9></td><td bgcolor=#669900 onmouseover=viec('669900') onclick=bbfontstyle('[color=#669900]','[/color]') height=9 width=9></td><td bgcolor=#66CC00 onmouseover=viec('66CC00') onclick=bbfontstyle('[color=#66CC00]','[/color]') height=9 width=9></td><td bgcolor=#66FF00 onmouseover=viec('66FF00') onclick=bbfontstyle('[color=#66FF00]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#333333 onmouseover=viec('333333') onclick=bbfontstyle('[color=#333333]','[/color]') height=9 width=9></td><td bgcolor=#000033 onmouseover=viec('000033') onclick=bbfontstyle('[color=#000033]','[/color]') height=9 width=9></td><td bgcolor=#003333 onmouseover=viec('003333') onclick=bbfontstyle('[color=#003333]','[/color]') height=9 width=9></td><td bgcolor=#006633 onmouseover=viec('006633') onclick=bbfontstyle('[color=#006633]','[/color]') height=9 width=9></td><td bgcolor=#009933 onmouseover=viec('009933') onclick=bbfontstyle('[color=#009933]','[/color]') height=9 width=9></td><td bgcolor=#00CC33 onmouseover=viec('00CC33') onclick=bbfontstyle('[color=#00CC33]','[/color]') height=9 width=9></td><td bgcolor=#00FF33 onmouseover=viec('00FF33') onclick=bbfontstyle('[color=#00FF33]','[/color]') height=9 width=9></td><td bgcolor=#330033 onmouseover=viec('330033') onclick=bbfontstyle('[color=#330033]','[/color]') height=9 width=9></td><td bgcolor=#333333 onmouseover=viec('333333') onclick=bbfontstyle('[color=#333333]','[/color]') height=9 width=9></td><td bgcolor=#336633 onmouseover=viec('336633') onclick=bbfontstyle('[color=#336633]','[/color]') height=9 width=9></td><td bgcolor=#339933 onmouseover=viec('339933') onclick=bbfontstyle('[color=#339933]','[/color]') height=9 width=9></td><td bgcolor=#33CC33 onmouseover=viec('33CC33') onclick=bbfontstyle('[color=#33CC33]','[/color]') height=9 width=9></td><td bgcolor=#33FF33 onmouseover=viec('33FF33') onclick=bbfontstyle('[color=#33FF33]','[/color]') height=9 width=9></td><td bgcolor=#660033 onmouseover=viec('660033') onclick=bbfontstyle('[color=#660033]','[/color]') height=9 width=9></td><td bgcolor=#663333 onmouseover=viec('663333') onclick=bbfontstyle('[color=#663333]','[/color]') height=9 width=9></td><td bgcolor=#666633 onmouseover=viec('666633') onclick=bbfontstyle('[color=#666633]','[/color]') height=9 width=9></td><td bgcolor=#669933 onmouseover=viec('669933') onclick=bbfontstyle('[color=#669933]','[/color]') height=9 width=9></td><td bgcolor=#66CC33 onmouseover=viec('66CC33') onclick=bbfontstyle('[color=#66CC33]','[/color]') height=9 width=9></td><td bgcolor=#66FF33 onmouseover=viec('66FF33') onclick=bbfontstyle('[color=#66FF33]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#666666 onmouseover=viec('666666') onclick=bbfontstyle('[color=#666666]','[/color]') height=9 width=9></td><td bgcolor=#000066 onmouseover=viec('000066') onclick=bbfontstyle('[color=#000066]','[/color]') height=9 width=9></td><td bgcolor=#003366 onmouseover=viec('003366') onclick=bbfontstyle('[color=#003366]','[/color]') height=9 width=9></td><td bgcolor=#006666 onmouseover=viec('006666') onclick=bbfontstyle('[color=#006666]','[/color]') height=9 width=9></td><td bgcolor=#009966 onmouseover=viec('009966') onclick=bbfontstyle('[color=#009966]','[/color]') height=9 width=9></td><td bgcolor=#00CC66 onmouseover=viec('00CC66') onclick=bbfontstyle('[color=#00CC66]','[/color]') height=9 width=9></td><td bgcolor=#00FF66 onmouseover=viec('00FF66') onclick=bbfontstyle('[color=#00FF66]','[/color]') height=9 width=9></td><td bgcolor=#330066 onmouseover=viec('330066') onclick=bbfontstyle('[color=#330066]','[/color]') height=9 width=9></td><td bgcolor=#333366 onmouseover=viec('333366') onclick=bbfontstyle('[color=#333366]','[/color]') height=9 width=9></td><td bgcolor=#336666 onmouseover=viec('336666') onclick=bbfontstyle('[color=#336666]','[/color]') height=9 width=9></td><td bgcolor=#339966 onmouseover=viec('339966') onclick=bbfontstyle('[color=#339966]','[/color]') height=9 width=9></td><td bgcolor=#33CC66 onmouseover=viec('33CC66') onclick=bbfontstyle('[color=#33CC66]','[/color]') height=9 width=9></td><td bgcolor=#33FF66 onmouseover=viec('33FF66') onclick=bbfontstyle('[color=#33FF66]','[/color]') height=9 width=9></td><td bgcolor=#660066 onmouseover=viec('660066') onclick=bbfontstyle('[color=#660066]','[/color]') height=9 width=9></td><td bgcolor=#663366 onmouseover=viec('663366') onclick=bbfontstyle('[color=#663366]','[/color]') height=9 width=9></td><td bgcolor=#666666 onmouseover=viec('666666') onclick=bbfontstyle('[color=#666666]','[/color]') height=9 width=9></td><td bgcolor=#669966 onmouseover=viec('669966') onclick=bbfontstyle('[color=#669966]','[/color]') height=9 width=9></td><td bgcolor=#66CC66 onmouseover=viec('66CC66') onclick=bbfontstyle('[color=#66CC66]','[/color]') height=9 width=9></td><td bgcolor=#66FF66 onmouseover=viec('66FF66') onclick=bbfontstyle('[color=#66FF66]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#999999 onmouseover=viec('999999') onclick=bbfontstyle('[color=#999999]','[/color]') height=9 width=9></td><td bgcolor=#000099 onmouseover=viec('000099') onclick=bbfontstyle('[color=#000099]','[/color]') height=9 width=9></td><td bgcolor=#003399 onmouseover=viec('003399') onclick=bbfontstyle('[color=#003399]','[/color]') height=9 width=9></td><td bgcolor=#006699 onmouseover=viec('006699') onclick=bbfontstyle('[color=#006699]','[/color]') height=9 width=9></td><td bgcolor=#009999 onmouseover=viec('009999') onclick=bbfontstyle('[color=#009999]','[/color]') height=9 width=9></td><td bgcolor=#00CC99 onmouseover=viec('00CC99') onclick=bbfontstyle('[color=#00CC99]','[/color]') height=9 width=9></td><td bgcolor=#00FF99 onmouseover=viec('00FF99') onclick=bbfontstyle('[color=#00FF99]','[/color]') height=9 width=9></td><td bgcolor=#330099 onmouseover=viec('330099') onclick=bbfontstyle('[color=#330099]','[/color]') height=9 width=9></td><td bgcolor=#333399 onmouseover=viec('333399') onclick=bbfontstyle('[color=#333399]','[/color]') height=9 width=9></td><td bgcolor=#336699 onmouseover=viec('336699') onclick=bbfontstyle('[color=#336699]','[/color]') height=9 width=9></td><td bgcolor=#339999 onmouseover=viec('339999') onclick=bbfontstyle('[color=#339999]','[/color]') height=9 width=9></td><td bgcolor=#33CC99 onmouseover=viec('33CC99') onclick=bbfontstyle('[color=#33CC99]','[/color]') height=9 width=9></td><td bgcolor=#33FF99 onmouseover=viec('33FF99') onclick=bbfontstyle('[color=#33FF99]','[/color]') height=9 width=9></td><td bgcolor=#660099 onmouseover=viec('660099') onclick=bbfontstyle('[color=#660099]','[/color]') height=9 width=9></td><td bgcolor=#663399 onmouseover=viec('663399') onclick=bbfontstyle('[color=#663399]','[/color]') height=9 width=9></td><td bgcolor=#666699 onmouseover=viec('666699') onclick=bbfontstyle('[color=#666699]','[/color]') height=9 width=9></td><td bgcolor=#669999 onmouseover=viec('669999') onclick=bbfontstyle('[color=#669999]','[/color]') height=9 width=9></td><td bgcolor=#66CC99 onmouseover=viec('66CC99') onclick=bbfontstyle('[color=#66CC99]','[/color]') height=9 width=9></td><td bgcolor=#66FF99 onmouseover=viec('66FF99') onclick=bbfontstyle('[color=#66FF99]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#CCCCCC onmouseover=viec('CCCCCC') onclick=bbfontstyle('[color=#CCCCCC]','[/color]') height=9 width=9></td><td bgcolor=#0000CC onmouseover=viec('0000CC') onclick=bbfontstyle('[color=#0000CC]','[/color]') height=9 width=9></td><td bgcolor=#0033CC onmouseover=viec('0033CC') onclick=bbfontstyle('[color=#0033CC]','[/color]') height=9 width=9></td><td bgcolor=#0066CC onmouseover=viec('0066CC') onclick=bbfontstyle('[color=#0066CC]','[/color]') height=9 width=9></td><td bgcolor=#0099CC onmouseover=viec('0099CC') onclick=bbfontstyle('[color=#0099CC]','[/color]') height=9 width=9></td><td bgcolor=#00CCCC onmouseover=viec('00CCCC') onclick=bbfontstyle('[color=#00CCCC]','[/color]') height=9 width=9></td><td bgcolor=#00FFCC onmouseover=viec('00FFCC') onclick=bbfontstyle('[color=#00FFCC]','[/color]') height=9 width=9></td><td bgcolor=#3300CC onmouseover=viec('3300CC') onclick=bbfontstyle('[color=#3300CC]','[/color]') height=9 width=9></td><td bgcolor=#3333CC onmouseover=viec('3333CC') onclick=bbfontstyle('[color=#3333CC]','[/color]') height=9 width=9></td><td bgcolor=#3366CC onmouseover=viec('3366CC') onclick=bbfontstyle('[color=#3366CC]','[/color]') height=9 width=9></td><td bgcolor=#3399CC onmouseover=viec('3399CC') onclick=bbfontstyle('[color=#3399CC]','[/color]') height=9 width=9></td><td bgcolor=#33CCCC onmouseover=viec('33CCCC') onclick=bbfontstyle('[color=#33CCCC]','[/color]') height=9 width=9></td><td bgcolor=#33FFCC onmouseover=viec('33FFCC') onclick=bbfontstyle('[color=#33FFCC]','[/color]') height=9 width=9></td><td bgcolor=#6600CC onmouseover=viec('6600CC') onclick=bbfontstyle('[color=#6600CC]','[/color]') height=9 width=9></td><td bgcolor=#6633CC onmouseover=viec('6633CC') onclick=bbfontstyle('[color=#6633CC]','[/color]') height=9 width=9></td><td bgcolor=#6666CC onmouseover=viec('6666CC') onclick=bbfontstyle('[color=#6666CC]','[/color]') height=9 width=9></td><td bgcolor=#6699CC onmouseover=viec('6699CC') onclick=bbfontstyle('[color=#6699CC]','[/color]') height=9 width=9></td><td bgcolor=#66CCCC onmouseover=viec('66CCCC') onclick=bbfontstyle('[color=#66CCCC]','[/color]') height=9 width=9></td><td bgcolor=#66FFCC onmouseover=viec('66FFCC') onclick=bbfontstyle('[color=#66FFCC]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#FFFFFF onmouseover=viec('FFFFFF') onclick=bbfontstyle('[color=#FFFFFF]','[/color]') height=9 width=9></td><td bgcolor=#0000FF onmouseover=viec('0000FF') onclick=bbfontstyle('[color=#0000FF]','[/color]') height=9 width=9></td><td bgcolor=#0033FF onmouseover=viec('0033FF') onclick=bbfontstyle('[color=#0033FF]','[/color]') height=9 width=9></td><td bgcolor=#0066FF onmouseover=viec('0066FF') onclick=bbfontstyle('[color=#0066FF]','[/color]') height=9 width=9></td><td bgcolor=#0099FF onmouseover=viec('0099FF') onclick=bbfontstyle('[color=#0099FF]','[/color]') height=9 width=9></td><td bgcolor=#00CCFF onmouseover=viec('00CCFF') onclick=bbfontstyle('[color=#00CCFF]','[/color]') height=9 width=9></td><td bgcolor=#00FFFF onmouseover=viec('00FFFF') onclick=bbfontstyle('[color=#00FFFF]','[/color]') height=9 width=9></td><td bgcolor=#3300FF onmouseover=viec('3300FF') onclick=bbfontstyle('[color=#3300FF]','[/color]') height=9 width=9></td><td bgcolor=#3333FF onmouseover=viec('3333FF') onclick=bbfontstyle('[color=#3333FF]','[/color]') height=9 width=9></td><td bgcolor=#3366FF onmouseover=viec('3366FF') onclick=bbfontstyle('[color=#3366FF]','[/color]') height=9 width=9></td><td bgcolor=#3399FF onmouseover=viec('3399FF') onclick=bbfontstyle('[color=#3399FF]','[/color]') height=9 width=9></td><td bgcolor=#33CCFF onmouseover=viec('33CCFF') onclick=bbfontstyle('[color=#33CCFF]','[/color]') height=9 width=9></td><td bgcolor=#33FFFF onmouseover=viec('33FFFF') onclick=bbfontstyle('[color=#33FFFF]','[/color]') height=9 width=9></td><td bgcolor=#6600FF onmouseover=viec('6600FF') onclick=bbfontstyle('[color=#6600FF]','[/color]') height=9 width=9></td><td bgcolor=#6633FF onmouseover=viec('6633FF') onclick=bbfontstyle('[color=#6633FF]','[/color]') height=9 width=9></td><td bgcolor=#6666FF onmouseover=viec('6666FF') onclick=bbfontstyle('[color=#6666FF]','[/color]') height=9 width=9></td><td bgcolor=#6699FF onmouseover=viec('6699FF') onclick=bbfontstyle('[color=#6699FF]','[/color]') height=9 width=9></td><td bgcolor=#66CCFF onmouseover=viec('66CCFF') onclick=bbfontstyle('[color=#66CCFF]','[/color]') height=9 width=9></td><td bgcolor=#66FFFF onmouseover=viec('66FFFF') onclick=bbfontstyle('[color=#66FFFF]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#FF0000 onmouseover=viec('FF0000') onclick=bbfontstyle('[color=#FF0000]','[/color]') height=9 width=9></td><td bgcolor=#990000 onmouseover=viec('990000') onclick=bbfontstyle('[color=#990000]','[/color]') height=9 width=9></td><td bgcolor=#993300 onmouseover=viec('993300') onclick=bbfontstyle('[color=#993300]','[/color]') height=9 width=9></td><td bgcolor=#996600 onmouseover=viec('996600') onclick=bbfontstyle('[color=#996600]','[/color]') height=9 width=9></td><td bgcolor=#999900 onmouseover=viec('999900') onclick=bbfontstyle('[color=#999900]','[/color]') height=9 width=9></td><td bgcolor=#99CC00 onmouseover=viec('99CC00') onclick=bbfontstyle('[color=#99CC00]','[/color]') height=9 width=9></td><td bgcolor=#99FF00 onmouseover=viec('99FF00') onclick=bbfontstyle('[color=#99FF00]','[/color]') height=9 width=9></td><td bgcolor=#CC0000 onmouseover=viec('CC0000') onclick=bbfontstyle('[color=#CC0000]','[/color]') height=9 width=9></td><td bgcolor=#CC3300 onmouseover=viec('CC3300') onclick=bbfontstyle('[color=#CC3300]','[/color]') height=9 width=9></td><td bgcolor=#CC6600 onmouseover=viec('CC6600') onclick=bbfontstyle('[color=#CC6600]','[/color]') height=9 width=9></td><td bgcolor=#CC9900 onmouseover=viec('CC9900') onclick=bbfontstyle('[color=#CC9900]','[/color]') height=9 width=9></td><td bgcolor=#CCCC00 onmouseover=viec('CCCC00') onclick=bbfontstyle('[color=#CCCC00]','[/color]') height=9 width=9></td><td bgcolor=#CCFF00 onmouseover=viec('CCFF00') onclick=bbfontstyle('[color=#CCFF00]','[/color]') height=9 width=9></td><td bgcolor=#FF0000 onmouseover=viec('FF0000') onclick=bbfontstyle('[color=#FF0000]','[/color]') height=9 width=9></td><td bgcolor=#FF3300 onmouseover=viec('FF3300') onclick=bbfontstyle('[color=#FF3300]','[/color]') height=9 width=9></td><td bgcolor=#FF6600 onmouseover=viec('FF6600') onclick=bbfontstyle('[color=#FF6600]','[/color]') height=9 width=9></td><td bgcolor=#FF9900 onmouseover=viec('FF9900') onclick=bbfontstyle('[color=#FF9900]','[/color]') height=9 width=9></td><td bgcolor=#FFCC00 onmouseover=viec('FFCC00') onclick=bbfontstyle('[color=#FFCC00]','[/color]') height=9 width=9></td><td bgcolor=#FFFF00 onmouseover=viec('FFFF00') onclick=bbfontstyle('[color=#FFFF00]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#00FF00 onmouseover=viec('00FF00') onclick=bbfontstyle('[color=#00FF00]','[/color]') height=9 width=9></td><td bgcolor=#990033 onmouseover=viec('990033') onclick=bbfontstyle('[color=#990033]','[/color]') height=9 width=9></td><td bgcolor=#993333 onmouseover=viec('993333') onclick=bbfontstyle('[color=#993333]','[/color]') height=9 width=9></td><td bgcolor=#996633 onmouseover=viec('996633') onclick=bbfontstyle('[color=#996633]','[/color]') height=9 width=9></td><td bgcolor=#999933 onmouseover=viec('999933') onclick=bbfontstyle('[color=#999933]','[/color]') height=9 width=9></td><td bgcolor=#99CC33 onmouseover=viec('99CC33') onclick=bbfontstyle('[color=#99CC33]','[/color]') height=9 width=9></td><td bgcolor=#99FF33 onmouseover=viec('99FF33') onclick=bbfontstyle('[color=#99FF33]','[/color]') height=9 width=9></td><td bgcolor=#CC0033 onmouseover=viec('CC0033') onclick=bbfontstyle('[color=#CC0033]','[/color]') height=9 width=9></td><td bgcolor=#CC3333 onmouseover=viec('CC3333') onclick=bbfontstyle('[color=#CC3333]','[/color]') height=9 width=9></td><td bgcolor=#CC6633 onmouseover=viec('CC6633') onclick=bbfontstyle('[color=#CC6633]','[/color]') height=9 width=9></td><td bgcolor=#CC9933 onmouseover=viec('CC9933') onclick=bbfontstyle('[color=#CC9933]','[/color]') height=9 width=9></td><td bgcolor=#CCCC33 onmouseover=viec('CCCC33') onclick=bbfontstyle('[color=#CCCC33]','[/color]') height=9 width=9></td><td bgcolor=#CCFF33 onmouseover=viec('CCFF33') onclick=bbfontstyle('[color=#CCFF33]','[/color]') height=9 width=9></td><td bgcolor=#FF0033 onmouseover=viec('FF0033') onclick=bbfontstyle('[color=#FF0033]','[/color]') height=9 width=9></td><td bgcolor=#FF3333 onmouseover=viec('FF3333') onclick=bbfontstyle('[color=#FF3333]','[/color]') height=9 width=9></td><td bgcolor=#FF6633 onmouseover=viec('FF6633') onclick=bbfontstyle('[color=#FF6633]','[/color]') height=9 width=9></td><td bgcolor=#FF9933 onmouseover=viec('FF9933') onclick=bbfontstyle('[color=#FF9933]','[/color]') height=9 width=9></td><td bgcolor=#FFCC33 onmouseover=viec('FFCC33') onclick=bbfontstyle('[color=#FFCC33]','[/color]') height=9 width=9></td><td bgcolor=#FFFF33 onmouseover=viec('FFFF33') onclick=bbfontstyle('[color=#FFFF33]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#0000FF onmouseover=viec('0000FF') onclick=bbfontstyle('[color=#0000FF]','[/color]') height=9 width=9></td><td bgcolor=#990066 onmouseover=viec('990066') onclick=bbfontstyle('[color=#990066]','[/color]') height=9 width=9></td><td bgcolor=#993366 onmouseover=viec('993366') onclick=bbfontstyle('[color=#993366]','[/color]') height=9 width=9></td><td bgcolor=#996666 onmouseover=viec('996666') onclick=bbfontstyle('[color=#996666]','[/color]') height=9 width=9></td><td bgcolor=#999966 onmouseover=viec('999966') onclick=bbfontstyle('[color=#999966]','[/color]') height=9 width=9></td><td bgcolor=#99CC66 onmouseover=viec('99CC66') onclick=bbfontstyle('[color=#99CC66]','[/color]') height=9 width=9></td><td bgcolor=#99FF66 onmouseover=viec('99FF66') onclick=bbfontstyle('[color=#99FF66]','[/color]') height=9 width=9></td><td bgcolor=#CC0066 onmouseover=viec('CC0066') onclick=bbfontstyle('[color=#CC0066]','[/color]') height=9 width=9></td><td bgcolor=#CC3366 onmouseover=viec('CC3366') onclick=bbfontstyle('[color=#CC3366]','[/color]') height=9 width=9></td><td bgcolor=#CC6666 onmouseover=viec('CC6666') onclick=bbfontstyle('[color=#CC6666]','[/color]') height=9 width=9></td><td bgcolor=#CC9966 onmouseover=viec('CC9966') onclick=bbfontstyle('[color=#CC9966]','[/color]') height=9 width=9></td><td bgcolor=#CCCC66 onmouseover=viec('CCCC66') onclick=bbfontstyle('[color=#CCCC66]','[/color]') height=9 width=9></td><td bgcolor=#CCFF66 onmouseover=viec('CCFF66') onclick=bbfontstyle('[color=#CCFF66]','[/color]') height=9 width=9></td><td bgcolor=#FF0066 onmouseover=viec('FF0066') onclick=bbfontstyle('[color=#FF0066]','[/color]') height=9 width=9></td><td bgcolor=#FF3366 onmouseover=viec('FF3366') onclick=bbfontstyle('[color=#FF3366]','[/color]') height=9 width=9></td><td bgcolor=#FF6666 onmouseover=viec('FF6666') onclick=bbfontstyle('[color=#FF6666]','[/color]') height=9 width=9></td><td bgcolor=#FF9966 onmouseover=viec('FF9966') onclick=bbfontstyle('[color=#FF9966]','[/color]') height=9 width=9></td><td bgcolor=#FFCC66 onmouseover=viec('FFCC66') onclick=bbfontstyle('[color=#FFCC66]','[/color]') height=9 width=9></td><td bgcolor=#FFFF66 onmouseover=viec('FFFF66') onclick=bbfontstyle('[color=#FFFF66]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#FFFF00 onmouseover=viec('FFFF00') onclick=bbfontstyle('[color=#FFFF00]','[/color]') height=9 width=9></td><td bgcolor=#990099 onmouseover=viec('990099') onclick=bbfontstyle('[color=#990099]','[/color]') height=9 width=9></td><td bgcolor=#993399 onmouseover=viec('993399') onclick=bbfontstyle('[color=#993399]','[/color]') height=9 width=9></td><td bgcolor=#996699 onmouseover=viec('996699') onclick=bbfontstyle('[color=#996699]','[/color]') height=9 width=9></td><td bgcolor=#999999 onmouseover=viec('999999') onclick=bbfontstyle('[color=#999999]','[/color]') height=9 width=9></td><td bgcolor=#99CC99 onmouseover=viec('99CC99') onclick=bbfontstyle('[color=#99CC99]','[/color]') height=9 width=9></td><td bgcolor=#99FF99 onmouseover=viec('99FF99') onclick=bbfontstyle('[color=#99FF99]','[/color]') height=9 width=9></td><td bgcolor=#CC0099 onmouseover=viec('CC0099') onclick=bbfontstyle('[color=#CC0099]','[/color]') height=9 width=9></td><td bgcolor=#CC3399 onmouseover=viec('CC3399') onclick=bbfontstyle('[color=#CC3399]','[/color]') height=9 width=9></td><td bgcolor=#CC6699 onmouseover=viec('CC6699') onclick=bbfontstyle('[color=#CC6699]','[/color]') height=9 width=9></td><td bgcolor=#CC9999 onmouseover=viec('CC9999') onclick=bbfontstyle('[color=#CC9999]','[/color]') height=9 width=9></td><td bgcolor=#CCCC99 onmouseover=viec('CCCC99') onclick=bbfontstyle('[color=#CCCC99]','[/color]') height=9 width=9></td><td bgcolor=#CCFF99 onmouseover=viec('CCFF99') onclick=bbfontstyle('[color=#CCFF99]','[/color]') height=9 width=9></td><td bgcolor=#FF0099 onmouseover=viec('FF0099') onclick=bbfontstyle('[color=#FF0099]','[/color]') height=9 width=9></td><td bgcolor=#FF3399 onmouseover=viec('FF3399') onclick=bbfontstyle('[color=#FF3399]','[/color]') height=9 width=9></td><td bgcolor=#FF6699 onmouseover=viec('FF6699') onclick=bbfontstyle('[color=#FF6699]','[/color]') height=9 width=9></td><td bgcolor=#FF9999 onmouseover=viec('FF9999') onclick=bbfontstyle('[color=#FF9999]','[/color]') height=9 width=9></td><td bgcolor=#FFCC99 onmouseover=viec('FFCC99') onclick=bbfontstyle('[color=#FFCC99]','[/color]') height=9 width=9></td><td bgcolor=#FFFF99 onmouseover=viec('FFFF99') onclick=bbfontstyle('[color=#FFFF99]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#00FFFF onmouseover=viec('00FFFF') onclick=bbfontstyle('[color=#00FFFF]','[/color]') height=9 width=9></td><td bgcolor=#9900CC onmouseover=viec('9900CC') onclick=bbfontstyle('[color=#9900CC]','[/color]') height=9 width=9></td><td bgcolor=#9933CC onmouseover=viec('9933CC') onclick=bbfontstyle('[color=#9933CC]','[/color]') height=9 width=9></td><td bgcolor=#9966CC onmouseover=viec('9966CC') onclick=bbfontstyle('[color=#9966CC]','[/color]') height=9 width=9></td><td bgcolor=#9999CC onmouseover=viec('9999CC') onclick=bbfontstyle('[color=#9999CC]','[/color]') height=9 width=9></td><td bgcolor=#99CCCC onmouseover=viec('99CCCC') onclick=bbfontstyle('[color=#99CCCC]','[/color]') height=9 width=9></td><td bgcolor=#99FFCC onmouseover=viec('99FFCC') onclick=bbfontstyle('[color=#99FFCC]','[/color]') height=9 width=9></td><td bgcolor=#CC00CC onmouseover=viec('CC00CC') onclick=bbfontstyle('[color=#CC00CC]','[/color]') height=9 width=9></td><td bgcolor=#CC33CC onmouseover=viec('CC33CC') onclick=bbfontstyle('[color=#CC33CC]','[/color]') height=9 width=9></td><td bgcolor=#CC66CC onmouseover=viec('CC66CC') onclick=bbfontstyle('[color=#CC66CC]','[/color]') height=9 width=9></td><td bgcolor=#CC99CC onmouseover=viec('CC99CC') onclick=bbfontstyle('[color=#CC99CC]','[/color]') height=9 width=9></td><td bgcolor=#CCCCCC onmouseover=viec('CCCCCC') onclick=bbfontstyle('[color=#CCCCCC]','[/color]') height=9 width=9></td><td bgcolor=#CCFFCC onmouseover=viec('CCFFCC') onclick=bbfontstyle('[color=#CCFFCC]','[/color]') height=9 width=9></td><td bgcolor=#FF00CC onmouseover=viec('FF00CC') onclick=bbfontstyle('[color=#FF00CC]','[/color]') height=9 width=9></td><td bgcolor=#FF33CC onmouseover=viec('FF33CC') onclick=bbfontstyle('[color=#FF33CC]','[/color]') height=9 width=9></td><td bgcolor=#FF66CC onmouseover=viec('FF66CC') onclick=bbfontstyle('[color=#FF66CC]','[/color]') height=9 width=9></td><td bgcolor=#FF99CC onmouseover=viec('FF99CC') onclick=bbfontstyle('[color=#FF99CC]','[/color]') height=9 width=9></td><td bgcolor=#FFCCCC onmouseover=viec('FFCCCC') onclick=bbfontstyle('[color=#FFCCCC]','[/color]') height=9 width=9></td><td bgcolor=#FFFFCC onmouseover=viec('FFFFCC') onclick=bbfontstyle('[color=#FFFFCC]','[/color]') height=9 width=9></td></tr><tr><td bgcolor=#FF00FF onmouseover=viec('FF00FF') onclick=bbfontstyle('[color=#FF00FF]','[/color]') height=9 width=9></td><td bgcolor=#9900FF onmouseover=viec('9900FF') onclick=bbfontstyle('[color=#9900FF]','[/color]') height=9 width=9></td><td bgcolor=#9933FF onmouseover=viec('9933FF') onclick=bbfontstyle('[color=#9933FF]','[/color]') height=9 width=9></td><td bgcolor=#9966FF onmouseover=viec('9966FF') onclick=bbfontstyle('[color=#9966FF]','[/color]') height=9 width=9></td><td bgcolor=#9999FF onmouseover=viec('9999FF') onclick=bbfontstyle('[color=#9999FF]','[/color]') height=9 width=9></td><td bgcolor=#99CCFF onmouseover=viec('99CCFF') onclick=bbfontstyle('[color=#99CCFF]','[/color]') height=9 width=9></td><td bgcolor=#99FFFF onmouseover=viec('99FFFF') onclick=bbfontstyle('[color=#99FFFF]','[/color]') height=9 width=9></td><td bgcolor=#CC00FF onmouseover=viec('CC00FF') onclick=bbfontstyle('[color=#CC00FF]','[/color]') height=9 width=9></td><td bgcolor=#CC33FF onmouseover=viec('CC33FF') onclick=bbfontstyle('[color=#CC33FF]','[/color]') height=9 width=9></td><td bgcolor=#CC66FF onmouseover=viec('CC66FF') onclick=bbfontstyle('[color=#CC66FF]','[/color]') height=9 width=9></td><td bgcolor=#CC99FF onmouseover=viec('CC99FF') onclick=bbfontstyle('[color=#CC99FF]','[/color]') height=9 width=9></td><td bgcolor=#CCCCFF onmouseover=viec('CCCCFF') onclick=bbfontstyle('[color=#CCCCFF]','[/color]') height=9 width=9></td><td bgcolor=#CCFFFF onmouseover=viec('CCFFFF') onclick=bbfontstyle('[color=#CCFFFF]','[/color]') height=9 width=9></td><td bgcolor=#FF00FF onmouseover=viec('FF00FF') onclick=bbfontstyle('[color=#FF00FF]','[/color]') height=9 width=9></td><td bgcolor=#FF33FF onmouseover=viec('FF33FF') onclick=bbfontstyle('[color=#FF33FF]','[/color]') height=9 width=9></td><td bgcolor=#FF66FF onmouseover=viec('FF66FF') onclick=bbfontstyle('[color=#FF66FF]','[/color]') height=9 width=9></td><td bgcolor=#FF99FF onmouseover=viec('FF99FF') onclick=bbfontstyle('[color=#FF99FF]','[/color]') height=9 width=9></td><td bgcolor=#FFCCFF onmouseover=viec('FFCCFF') onclick=bbfontstyle('[color=#FFCCFF]','[/color]') height=9 width=9></td><td bgcolor=#FFFFFF onmouseover=viec('FFFFFF') onclick=bbfontstyle('[color=#FFFFFF]','[/color]') height=9 width=9></td></tr></table></div>")});
Cordialmente.
Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como altera caixa cores da parte que cria os tópicos
por Cristian 95 04.04.12 22:14
@#EysK não funcionou .. :s
@David Ferreira Não entendo de javascript.
@David Ferreira Não entendo de javascript.
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Re: Como altera caixa cores da parte que cria os tópicos
por Roevs 04.04.12 23:07
Troque o código do Mateus por este
Depois adiciona este código em sua Folha de estilo CSS
- Código:
/**
*
* Color picker
* Author: Stefan Petre www.eyecon.ro
*
* Dual licensed under the MIT and GPL licenses
*
*/
$(function(){
$("#color").length!=0&&(function(c){var e=function(){var e=65,j={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,flat:!1},i=function(a,b){var d=h(a);c(b).data("colorpicker").fields.eq(1).val(d.r).end().eq(2).val(d.g).end().eq(3).val(d.b).end()},n=function(a,b){c(b).data("colorpicker").fields.eq(4).val(a.h).end().eq(5).val(a.s).end().eq(6).val(a.b).end()},l=function(a,b){c(b).data("colorpicker").fields.eq(0).val(k(h(a))).end()},
o=function(a,b){c(b).data("colorpicker").selector.css("backgroundColor","#"+k(h({h:a.h,s:100,b:100})));c(b).data("colorpicker").selectorIndic.css({left:parseInt(150*a.s/100,10),top:parseInt(150*(100-a.b)/100,10)})},p=function(a,b){c(b).data("colorpicker").hue.css("top",parseInt(150-150*a.h/360,10))},r=function(a,b){c(b).data("colorpicker").currentColor.css("backgroundColor","#"+k(h(a)))},q=function(a,b){c(b).data("colorpicker").newColor.css("backgroundColor","#"+k(h(a)))},D=function(a){a=a.charCode||
a.keyCode||-1;if(a>e&&a<=90||a==32)return!1;c(this).parent().parent().data("colorpicker").livePreview===!0&&g.apply(this)},g=function(a){var b=c(this).parent().parent(),d;if(this.parentNode.className.indexOf("_hex")>0){d=b.data("colorpicker");var f=this.value,e=6-f.length;if(e>0){for(var g=[],j=0;j<e;j++)g.push("0");g.push(f);f=g.join("")}f=m(s(f));d.color=d=f}else this.parentNode.className.indexOf("_hsb")>0?b.data("colorpicker").color=d=t({h:parseInt(b.data("colorpicker").fields.eq(4).val(),10),
s:parseInt(b.data("colorpicker").fields.eq(5).val(),10),b:parseInt(b.data("colorpicker").fields.eq(6).val(),10)}):(d=b.data("colorpicker"),f={r:parseInt(b.data("colorpicker").fields.eq(1).val(),10),g:parseInt(b.data("colorpicker").fields.eq(2).val(),10),b:parseInt(b.data("colorpicker").fields.eq(3).val(),10)},d.color=d=m({r:Math.min(255,Math.max(0,f.r)),g:Math.min(255,Math.max(0,f.g)),b:Math.min(255,Math.max(0,f.b))}));a&&(i(d,b.get(0)),l(d,b.get(0)),n(d,b.get(0)));o(d,b.get(0));p(d,b.get(0));q(d,
b.get(0));b.data("colorpicker").onChange.apply(b,[d,k(h(d)),h(d)])},E=function(){c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},F=function(){e=this.parentNode.className.indexOf("_hex")>0?70:65;c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");c(this).parent().addClass("colorpicker_focus")},G=function(a){var b=c(this).parent().find("input").focus(),a={el:c(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")>
0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:a.pageY,field:b,val:parseInt(b.val(),10),preview:c(this).parent().parent().data("colorpicker").livePreview};c(document).bind("mouseup",a,u);c(document).bind("mousemove",a,v)},v=function(a){a.data.field.val(Math.max(0,Math.min(a.data.max,parseInt(a.data.val+a.pageY-a.data.y,10))));a.data.preview&&g.apply(a.data.field.get(0),[!0]);return!1},u=function(a){g.apply(a.data.field.get(0),[!0]);a.data.el.removeClass("colorpicker_slider").find("input").focus();
c(document).unbind("mouseup",u);c(document).unbind("mousemove",v);return!1},H=function(){var a={cal:c(this).parent(),y:c(this).offset().top};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,w);c(document).bind("mousemove",a,x)},x=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,a.pageY-a.data.y)))/150,10)).get(0),[a.data.preview]);return!1},w=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));
l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",w);c(document).unbind("mousemove",x);return!1},I=function(){var a={cal:c(this).parent(),pos:c(this).offset()};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,y);c(document).bind("mousemove",a,z)},z=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,a.pageY-a.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150,
a.pageX-a.data.pos.left))/150,10)).get(0),[a.data.preview]);return!1},y=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",y);c(document).unbind("mousemove",z);return!1},J=function(){c(this).addClass("colorpicker_focus")},K=function(){c(this).removeClass("colorpicker_focus")},L=function(a){var b=c(this).parent(),d=b.data("colorpicker").color;b.data("colorpicker").origColor=d;r(d,b.get(0));b.data("colorpicker").onSubmit(d,
k(h(d)),h(d),b.data("colorpicker").el,a)},B=function(){var a=c("#"+c(this).data("colorpickerId"));a.data("colorpicker").onBeforeShow.apply(this,[a.get(0)]);var b=c(this).offset(),d;d=document.compatMode=="CSS1Compat";d={l:window.pageXOffset||(d?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(d?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(d?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight||
(d?document.documentElement.clientHeight:document.body.clientHeight)};var f=b.top+this.offsetHeight,b=b.left;f+176>d.t+d.h&&(f-=this.offsetHeight+176);b+356>d.l+d.w&&(b-=356);a.css({left:b+"px",top:f+"px"});a.data("colorpicker").onShow.apply(this,[a.get(0)])!=!1&&a.show();c(document).bind("mousedown",{cal:a},A);return!1},A=function(a){M(a.data.cal.get(0),a.target,a.data.cal.get(0))||(a.data.cal.data("colorpicker").onHide.apply(this,[a.data.cal.get(0)])!=!1&&a.data.cal.hide(),c(document).unbind("mousedown",
A))},M=function(a,b,d){if(a==b)return!0;if(a.contains)return a.contains(b);if(a.compareDocumentPosition)return!!(a.compareDocumentPosition(b)&16);for(b=b.parentNode;b&&b!=d;){if(b==a)return!0;b=b.parentNode}return!1},t=function(a){return{h:Math.min(360,Math.max(0,a.h)),s:Math.min(100,Math.max(0,a.s)),b:Math.min(100,Math.max(0,a.b))}},s=function(a){a=parseInt(a.indexOf("#")>-1?a.substring(1):a,16);return{r:a>>16,g:(a&65280)>>8,b:a&255}},m=function(a){var b={h:0,s:0,b:0},d=Math.max(a.r,a.g,a.b),c=d-
Math.min(a.r,a.g,a.b);b.b=d;b.s=d!=0?255*c/d:0;b.h=b.s!=0?a.r==d?(a.g-a.b)/c:a.g==d?2+(a.b-a.r)/c:4+(a.r-a.g)/c:-1;b.h*=60;b.h<0&&(b.h+=360);b.s*=100/255;b.b*=100/255;return b},h=function(a){var b={},d=Math.round(a.h),c=Math.round(a.s*255/100),a=Math.round(a.b*255/100);if(c==0)b.r=b.g=b.b=a;else{var c=(255-c)*a/255,e=(a-c)*(d%60)/60;d==360&&(d=0);d<60?(b.r=a,b.b=c,b.g=c+e):d<120?(b.g=a,b.b=c,b.r=a-e):d<180?(b.g=a,b.r=c,b.b=c+e):d<240?(b.b=a,b.r=c,b.g=a-e):d<300?(b.b=a,b.g=c,b.r=c+e):d<360?(b.r=a,
b.g=c,b.b=a-e):(b.r=0,b.g=0,b.b=0)}return{r:Math.round(b.r),g:Math.round(b.g),b:Math.round(b.b)}},k=function(a){var b=[a.r.toString(16),a.g.toString(16),a.b.toString(16)];c.each(b,function(a,c){c.length==1&&(b[a]="0"+c)});return b.join("")},N=function(){var a=c(this).parent(),b=a.data("colorpicker").origColor;a.data("colorpicker").color=b;i(b,a.get(0));l(b,a.get(0));n(b,a.get(0));o(b,a.get(0));p(b,a.get(0));q(b,a.get(0))};return{init:function(a){a=c.extend({},j,a||{});if(typeof a.color=="string")a.color=
m(s(a.color));else if(a.color.r!=void 0&&a.color.g!=void 0&&a.color.b!=void 0)a.color=m(a.color);else if(a.color.h!=void 0&&a.color.s!=void 0&&a.color.b!=void 0)a.color=t(a.color);else return this;return this.each(function(){if(!c(this).data("colorpickerId")){var b=c.extend({},a);b.origColor=a.color;var d="collorpicker_"+parseInt(Math.random()*1E3);c(this).data("colorpickerId",d);d=c('<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id",
d);b.flat?d.appendTo(this).show():d.appendTo(document.body);b.fields=d.find("input").bind("keyup",D).bind("change",g).bind("blur",E).bind("focus",F);d.find("span").bind("mousedown",G).end().find(">div.colorpicker_current_color").bind("click",N);b.selector=d.find("div.colorpicker_color").bind("mousedown",I);b.selectorIndic=b.selector.find("div div");b.el=this;b.hue=d.find("div.colorpicker_hue div");d.find("div.colorpicker_hue").bind("mousedown",H);b.newColor=d.find("div.colorpicker_new_color");b.currentColor=
d.find("div.colorpicker_current_color");d.data("colorpicker",b);d.find("div.colorpicker_submit").bind("mouseenter",J).bind("mouseleave",K).bind("click",L);i(b.color,d.get(0));n(b.color,d.get(0));l(b.color,d.get(0));p(b.color,d.get(0));o(b.color,d.get(0));r(b.color,d.get(0));q(b.color,d.get(0));b.flat?d.css({position:"relative",display:"block"}):c(this).bind(b.eventName,B)}})},showPicker:function(){return this.each(function(){c(this).data("colorpickerId")&&B.apply(this)})},hidePicker:function(){return this.each(function(){c(this).data("colorpickerId")&&
c("#"+c(this).data("colorpickerId")).hide()})},setColor:function(a){if(typeof a=="string")a=m(s(a));else if(a.r!=void 0&&a.g!=void 0&&a.b!=void 0)a=m(a);else if(a.h!=void 0&&a.s!=void 0&&a.b!=void 0)a=t(a);else return this;return this.each(function(){if(c(this).data("colorpickerId")){var b=c("#"+c(this).data("colorpickerId"));b.data("colorpicker").color=a;b.data("colorpicker").origColor=a;i(a,b.get(0));n(a,b.get(0));l(a,b.get(0));p(a,b.get(0));o(a,b.get(0));r(a,b.get(0));q(a,b.get(0))}})}}}();c.fn.extend({ColorPicker:e.init,
ColorPickerHide:e.hidePicker,ColorPickerShow:e.showPicker,ColorPickerSetColor:e.setColor})}(jQuery),$("#wcolor,#color").html("<div></div>"),defaulColor=my_getcookie("defaultColor")?my_getcookie("defaultColor"):"000000",$("#color div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j){my_setcookie("defaultColor",e,1,0);bbfontstyle("[color=#"+e+"]","[/color]");selectWysiwyg(j,"color");return!1}}),$("#wcolor div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j,i){my_setcookie("defaultColor",
e,1,0);vB_Editor.text_editor.format(i,"constructBBcode_select_color_#"+e,!1,!0)}}))
});
Depois adiciona este código em sua Folha de estilo CSS
- Código:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como altera caixa cores da parte que cria os tópicos
por Cristian 95 05.04.12 1:09
@Coper escreveu:Troque o código do Mateus por este
- Código:
/**
*
* Color picker
* Author: Stefan Petre www.eyecon.ro
*
* Dual licensed under the MIT and GPL licenses
*
*/
$(function(){
$("#color").length!=0&&(function(c){var e=function(){var e=65,j={eventName:"click",onShow:function(){},onBeforeShow:function(){},onHide:function(){},onChange:function(){},onSubmit:function(){},color:"ff0000",livePreview:!0,flat:!1},i=function(a,b){var d=h(a);c(b).data("colorpicker").fields.eq(1).val(d.r).end().eq(2).val(d.g).end().eq(3).val(d.b).end()},n=function(a,b){c(b).data("colorpicker").fields.eq(4).val(a.h).end().eq(5).val(a.s).end().eq(6).val(a.b).end()},l=function(a,b){c(b).data("colorpicker").fields.eq(0).val(k(h(a))).end()},
o=function(a,b){c(b).data("colorpicker").selector.css("backgroundColor","#"+k(h({h:a.h,s:100,b:100})));c(b).data("colorpicker").selectorIndic.css({left:parseInt(150*a.s/100,10),top:parseInt(150*(100-a.b)/100,10)})},p=function(a,b){c(b).data("colorpicker").hue.css("top",parseInt(150-150*a.h/360,10))},r=function(a,b){c(b).data("colorpicker").currentColor.css("backgroundColor","#"+k(h(a)))},q=function(a,b){c(b).data("colorpicker").newColor.css("backgroundColor","#"+k(h(a)))},D=function(a){a=a.charCode||
a.keyCode||-1;if(a>e&&a<=90||a==32)return!1;c(this).parent().parent().data("colorpicker").livePreview===!0&&g.apply(this)},g=function(a){var b=c(this).parent().parent(),d;if(this.parentNode.className.indexOf("_hex")>0){d=b.data("colorpicker");var f=this.value,e=6-f.length;if(e>0){for(var g=[],j=0;j<e;j++)g.push("0");g.push(f);f=g.join("")}f=m(s(f));d.color=d=f}else this.parentNode.className.indexOf("_hsb")>0?b.data("colorpicker").color=d=t({h:parseInt(b.data("colorpicker").fields.eq(4).val(),10),
s:parseInt(b.data("colorpicker").fields.eq(5).val(),10),b:parseInt(b.data("colorpicker").fields.eq(6).val(),10)}):(d=b.data("colorpicker"),f={r:parseInt(b.data("colorpicker").fields.eq(1).val(),10),g:parseInt(b.data("colorpicker").fields.eq(2).val(),10),b:parseInt(b.data("colorpicker").fields.eq(3).val(),10)},d.color=d=m({r:Math.min(255,Math.max(0,f.r)),g:Math.min(255,Math.max(0,f.g)),b:Math.min(255,Math.max(0,f.b))}));a&&(i(d,b.get(0)),l(d,b.get(0)),n(d,b.get(0)));o(d,b.get(0));p(d,b.get(0));q(d,
b.get(0));b.data("colorpicker").onChange.apply(b,[d,k(h(d)),h(d)])},E=function(){c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus")},F=function(){e=this.parentNode.className.indexOf("_hex")>0?70:65;c(this).parent().parent().data("colorpicker").fields.parent().removeClass("colorpicker_focus");c(this).parent().addClass("colorpicker_focus")},G=function(a){var b=c(this).parent().find("input").focus(),a={el:c(this).parent().addClass("colorpicker_slider"),max:this.parentNode.className.indexOf("_hsb_h")>
0?360:this.parentNode.className.indexOf("_hsb")>0?100:255,y:a.pageY,field:b,val:parseInt(b.val(),10),preview:c(this).parent().parent().data("colorpicker").livePreview};c(document).bind("mouseup",a,u);c(document).bind("mousemove",a,v)},v=function(a){a.data.field.val(Math.max(0,Math.min(a.data.max,parseInt(a.data.val+a.pageY-a.data.y,10))));a.data.preview&&g.apply(a.data.field.get(0),[!0]);return!1},u=function(a){g.apply(a.data.field.get(0),[!0]);a.data.el.removeClass("colorpicker_slider").find("input").focus();
c(document).unbind("mouseup",u);c(document).unbind("mousemove",v);return!1},H=function(){var a={cal:c(this).parent(),y:c(this).offset().top};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,w);c(document).bind("mousemove",a,x)},x=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(4).val(parseInt(360*(150-Math.max(0,Math.min(150,a.pageY-a.data.y)))/150,10)).get(0),[a.data.preview]);return!1},w=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));
l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",w);c(document).unbind("mousemove",x);return!1},I=function(){var a={cal:c(this).parent(),pos:c(this).offset()};a.preview=a.cal.data("colorpicker").livePreview;c(document).bind("mouseup",a,y);c(document).bind("mousemove",a,z)},z=function(a){g.apply(a.data.cal.data("colorpicker").fields.eq(6).val(parseInt(100*(150-Math.max(0,Math.min(150,a.pageY-a.data.pos.top)))/150,10)).end().eq(5).val(parseInt(100*Math.max(0,Math.min(150,
a.pageX-a.data.pos.left))/150,10)).get(0),[a.data.preview]);return!1},y=function(a){i(a.data.cal.data("colorpicker").color,a.data.cal.get(0));l(a.data.cal.data("colorpicker").color,a.data.cal.get(0));c(document).unbind("mouseup",y);c(document).unbind("mousemove",z);return!1},J=function(){c(this).addClass("colorpicker_focus")},K=function(){c(this).removeClass("colorpicker_focus")},L=function(a){var b=c(this).parent(),d=b.data("colorpicker").color;b.data("colorpicker").origColor=d;r(d,b.get(0));b.data("colorpicker").onSubmit(d,
k(h(d)),h(d),b.data("colorpicker").el,a)},B=function(){var a=c("#"+c(this).data("colorpickerId"));a.data("colorpicker").onBeforeShow.apply(this,[a.get(0)]);var b=c(this).offset(),d;d=document.compatMode=="CSS1Compat";d={l:window.pageXOffset||(d?document.documentElement.scrollLeft:document.body.scrollLeft),t:window.pageYOffset||(d?document.documentElement.scrollTop:document.body.scrollTop),w:window.innerWidth||(d?document.documentElement.clientWidth:document.body.clientWidth),h:window.innerHeight||
(d?document.documentElement.clientHeight:document.body.clientHeight)};var f=b.top+this.offsetHeight,b=b.left;f+176>d.t+d.h&&(f-=this.offsetHeight+176);b+356>d.l+d.w&&(b-=356);a.css({left:b+"px",top:f+"px"});a.data("colorpicker").onShow.apply(this,[a.get(0)])!=!1&&a.show();c(document).bind("mousedown",{cal:a},A);return!1},A=function(a){M(a.data.cal.get(0),a.target,a.data.cal.get(0))||(a.data.cal.data("colorpicker").onHide.apply(this,[a.data.cal.get(0)])!=!1&&a.data.cal.hide(),c(document).unbind("mousedown",
A))},M=function(a,b,d){if(a==b)return!0;if(a.contains)return a.contains(b);if(a.compareDocumentPosition)return!!(a.compareDocumentPosition(b)&16);for(b=b.parentNode;b&&b!=d;){if(b==a)return!0;b=b.parentNode}return!1},t=function(a){return{h:Math.min(360,Math.max(0,a.h)),s:Math.min(100,Math.max(0,a.s)),b:Math.min(100,Math.max(0,a.b))}},s=function(a){a=parseInt(a.indexOf("#")>-1?a.substring(1):a,16);return{r:a>>16,g:(a&65280)>>8,b:a&255}},m=function(a){var b={h:0,s:0,b:0},d=Math.max(a.r,a.g,a.b),c=d-
Math.min(a.r,a.g,a.b);b.b=d;b.s=d!=0?255*c/d:0;b.h=b.s!=0?a.r==d?(a.g-a.b)/c:a.g==d?2+(a.b-a.r)/c:4+(a.r-a.g)/c:-1;b.h*=60;b.h<0&&(b.h+=360);b.s*=100/255;b.b*=100/255;return b},h=function(a){var b={},d=Math.round(a.h),c=Math.round(a.s*255/100),a=Math.round(a.b*255/100);if(c==0)b.r=b.g=b.b=a;else{var c=(255-c)*a/255,e=(a-c)*(d%60)/60;d==360&&(d=0);d<60?(b.r=a,b.b=c,b.g=c+e):d<120?(b.g=a,b.b=c,b.r=a-e):d<180?(b.g=a,b.r=c,b.b=c+e):d<240?(b.b=a,b.r=c,b.g=a-e):d<300?(b.b=a,b.g=c,b.r=c+e):d<360?(b.r=a,
b.g=c,b.b=a-e):(b.r=0,b.g=0,b.b=0)}return{r:Math.round(b.r),g:Math.round(b.g),b:Math.round(b.b)}},k=function(a){var b=[a.r.toString(16),a.g.toString(16),a.b.toString(16)];c.each(b,function(a,c){c.length==1&&(b[a]="0"+c)});return b.join("")},N=function(){var a=c(this).parent(),b=a.data("colorpicker").origColor;a.data("colorpicker").color=b;i(b,a.get(0));l(b,a.get(0));n(b,a.get(0));o(b,a.get(0));p(b,a.get(0));q(b,a.get(0))};return{init:function(a){a=c.extend({},j,a||{});if(typeof a.color=="string")a.color=
m(s(a.color));else if(a.color.r!=void 0&&a.color.g!=void 0&&a.color.b!=void 0)a.color=m(a.color);else if(a.color.h!=void 0&&a.color.s!=void 0&&a.color.b!=void 0)a.color=t(a.color);else return this;return this.each(function(){if(!c(this).data("colorpickerId")){var b=c.extend({},a);b.origColor=a.color;var d="collorpicker_"+parseInt(Math.random()*1E3);c(this).data("colorpickerId",d);d=c('<div class="colorpicker"><div class="colorpicker_color"><div><div></div></div></div><div class="colorpicker_hue"><div></div></div><div class="colorpicker_new_color"></div><div class="colorpicker_current_color"></div><div class="colorpicker_hex"><input type="text" maxlength="6" size="6" /></div><div class="colorpicker_rgb_r colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_g colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_rgb_b colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_h colorpicker_field"><input type="text" maxlength="3" size="3" /><span></span></div><div class="colorpicker_hsb_s colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_hsb_b colorpicker_field"><input type="text" size="3" /><span></span></div><div class="colorpicker_submit"></div></div>').attr("id",
d);b.flat?d.appendTo(this).show():d.appendTo(document.body);b.fields=d.find("input").bind("keyup",D).bind("change",g).bind("blur",E).bind("focus",F);d.find("span").bind("mousedown",G).end().find(">div.colorpicker_current_color").bind("click",N);b.selector=d.find("div.colorpicker_color").bind("mousedown",I);b.selectorIndic=b.selector.find("div div");b.el=this;b.hue=d.find("div.colorpicker_hue div");d.find("div.colorpicker_hue").bind("mousedown",H);b.newColor=d.find("div.colorpicker_new_color");b.currentColor=
d.find("div.colorpicker_current_color");d.data("colorpicker",b);d.find("div.colorpicker_submit").bind("mouseenter",J).bind("mouseleave",K).bind("click",L);i(b.color,d.get(0));n(b.color,d.get(0));l(b.color,d.get(0));p(b.color,d.get(0));o(b.color,d.get(0));r(b.color,d.get(0));q(b.color,d.get(0));b.flat?d.css({position:"relative",display:"block"}):c(this).bind(b.eventName,B)}})},showPicker:function(){return this.each(function(){c(this).data("colorpickerId")&&B.apply(this)})},hidePicker:function(){return this.each(function(){c(this).data("colorpickerId")&&
c("#"+c(this).data("colorpickerId")).hide()})},setColor:function(a){if(typeof a=="string")a=m(s(a));else if(a.r!=void 0&&a.g!=void 0&&a.b!=void 0)a=m(a);else if(a.h!=void 0&&a.s!=void 0&&a.b!=void 0)a=t(a);else return this;return this.each(function(){if(c(this).data("colorpickerId")){var b=c("#"+c(this).data("colorpickerId"));b.data("colorpicker").color=a;b.data("colorpicker").origColor=a;i(a,b.get(0));n(a,b.get(0));l(a,b.get(0));p(a,b.get(0));o(a,b.get(0));r(a,b.get(0));q(a,b.get(0))}})}}}();c.fn.extend({ColorPicker:e.init,
ColorPickerHide:e.hidePicker,ColorPickerShow:e.showPicker,ColorPickerSetColor:e.setColor})}(jQuery),$("#wcolor,#color").html("<div></div>"),defaulColor=my_getcookie("defaultColor")?my_getcookie("defaultColor"):"000000",$("#color div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j){my_setcookie("defaultColor",e,1,0);bbfontstyle("[color=#"+e+"]","[/color]");selectWysiwyg(j,"color");return!1}}),$("#wcolor div").ColorPicker({color:defaulColor,flat:!0,onSubmit:function(c,e,C,j,i){my_setcookie("defaultColor",
e,1,0);vB_Editor.text_editor.format(i,"constructBBcode_select_color_#"+e,!1,!0)}}))
});
Depois adiciona este código em sua Folha de estilo CSS
- Código:
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
Não funcionou. ;s
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Re: Como altera caixa cores da parte que cria os tópicos
por Roevs 05.04.12 3:07
Quando for criar o código JavaScript
Em
investimento
Para
Em
investimento
Para
Em todas as páginas
Roevs- Membro Entusiasta
- Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343 -
Re: Como altera caixa cores da parte que cria os tópicos
por Cristian 95 05.04.12 17:47
@Coper escreveu:Quando for criar o código JavaScript
Em
investimento
ParaEm todas as páginas
Eu fiz isso brother, e não funcionou. ;s
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Re: Como altera caixa cores da parte que cria os tópicos
por Cristian 95 16.04.12 13:17
Resolvido pode closar ...
Cristian 95- Membro
- Membro desde : 16/12/2010
Mensagens : 946
Pontos : 1278 -
Tópicos semelhantes» Mudar a caixa de cores nos topicos
» Como personalizar a caixa de cores ?
» Como colocar caixa de cores?
» Meu forum bugou e não altera as cores
» Como disponibilizar caixa de cores para usuários?
» Como personalizar a caixa de cores ?
» Como colocar caixa de cores?
» Meu forum bugou e não altera as cores
» Como disponibilizar caixa de cores para usuários?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos