Caixa de cores personalizada

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

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.

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

Olá!

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

Até mais.

Neste fórum

http://gzworld.forosactivos.net/

^^

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.

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?

Olá,

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

Até mais.

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

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.