Caixa de cores personalizada

[hhnu]

Qual é minha questão:
Olá, como consigo colocar uma caixa de mensagem na qual o usuário pode escolher a cor que ele quiser, como em alguns programas de edição?

Queria como nessa imagem abaixo



Medidas que eu tomei para corrigir o problema:
Procurei aqui no Fdf não não encontri algo identico a isto

Imagens do meu problema:
Postadas acima ^^

Endereço do meu fórum:
http://gzakat.forumeiros.com/

Versão do meu fórum:
PHPBB2

[Mikáá]

Olá!

Tenha calma! Só pode dar " ups " passadas as 24h.

Aqui está o código:

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>")});

Onde adicionar o código?

Painel Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript

Título da página Um qualquer
Investimento Todas as páginas.

Até mais.

[hhnu]

Me desculpa, a intensão não era apressar e nem criticar, é que pensei que nimguem sabia msm rsrs

Mais então, o código funcionou, mais só pra mim, oustros Usuários e Administradores não conseguem visualizar, fica aquele antigo normal ainda
Como faço para que todos visualizem? Essa caixa de cores tambem é diferente da outra, vc não sabe como é a outra? Se não, ta de boa, esse aqui tambem ja está ótimo ^^

Grato

[Luciano98]

Olá!

Você poderia passar o link do fórum no qual você viu essa caixa de cores?

Até mais.

[Convidad]

Onde adicionar o código?

Painel Módulos HTML & JAVASCRIPT Gestão dos códigos JavaScript

[hhnu]

Neste fórum

http://gzworld.forosactivos.net/

^^

[Cream]

Olá,

Tenha cuidado com os UP's. Faça o seguinte:
Painel de controle -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS -> Adicione o seguinte código:

Código:



                .colorpicker {
                  width: 356px;
                  height: 176px;
                  overflow: hidden;
                  position: absolute;
                  background: url(http://img9.xooimage.com/files/a/7/9/colorpicker_background-2a0969e.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://img72.xooimage.com/files/c/7/a/colorpicker_overlay-2a096c5.png);
                }
                .colorpicker_color div div {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 11px;
                  height: 11px;
                  overflow: hidden;
                  background: url(http://img43.xooimage.com/files/c/e/c/select-af135c.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://img70.xooimage.com/files/f/4/8/colorpicker_indic-2a096f9.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://img69.xooimage.com/files/1/6/d/colorpicker_hex-2a09707.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://img70.xooimage.com/files/8/7/e/colorpicker_rgb_r-2a09716.png);
                  top: 52px;
                  left: 212px;
                }
                .colorpicker_rgb_g {
                  background-image: url(http://img68.xooimage.com/files/d/c/1/colorpicker_rgb_g-2a09721.png);
                  top: 82px;
                  left: 212px;
                }
                .colorpicker_rgb_b {
                  background-image: url(http://img67.xooimage.com/files/2/b/e/colorpicker_rgb_b-2a09729.png);
                  top: 112px;
                  left: 212px;
                }
                .colorpicker_hsb_h {
                  background-image: url(http://img73.xooimage.com/files/d/4/7/colorpicker_hsb_h-2a09740.png);
                  top: 52px;
                  left: 282px;
                }
                .colorpicker_hsb_s {
                  background-image: url(http://img67.xooimage.com/files/5/f/f/colorpicker_hsb_s-2a09755.png);
                  top: 82px;
                  left: 282px;
                }
                .colorpicker_hsb_b {
                  background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/colorp10.png);
                  top: 112px;
                  left: 282px;
                }
                .colorpicker_submit {
                  position: absolute;
                  width: 22px;
                  height: 22px;
                  background: url(http://img68.xooimage.com/files/1/2/d/colorpicker_submit-2a09814.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;
                }


Logo após aceda neste site:
http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=9#p9

Pegue o código e o coloque em uma página .js explicada por Mikáá. Leia:
http://asistencia.foroactivo.com/t102026-

Até mais.

[WinkTech]

Cream, eu testei no meu forum e deu certo, mais a caixa ficou la em baixo, nao teria como deixar dentro da caixa de respostas?

[Cream]

Olá,

Como assim ela ficou lá embaixo?
Aqui funcionou perfeitamente, deve ser algum código .JS seu com problema.

Até mais.

[WinkTech]

eu fiz exatamente oque o tutorial pediu, e a caixa está la em baixo, eu quero mover ela mais pra cima, como faço?

[hhnu]

Aqui em meu fórum funcionou perfeitamente, muito obrigado Cream
E desculpe pela preça, é que precisava urgentemente rsrs
garanto que isso não se repetirá

Grato.

[Cream]

Olá,

Para fazer o desejado de colocar a caixa mais para cima, deves encontrar no código CSS do tutorial todas estas tags HTML que comecem por:

top: Zpx

"TOP" significa topo, deves encontrar todas as partes que dizem sobre isso, e alterar o seu valor "Z", ou seja, alterar o valor dos pixels. Mas não recomendo que faça isso, pode desconfigurar sua caixa.

Obs: Estarei marcando o tópico resolvido, caso queira crie um tópico separadamente =)
Até mais.