Caixa de cores

Qual é minha questão:
Olá gostava de disponibilizar as cores no meu forum quando os usuários estão a escrever as mensagens desta forma : 


Eu já tentei ler o tutorial e seguir os passos mas no entanto não consegui, aqui fica o meu css para facilitar o vosso trabalho/ajuda 

Código:

.table-title, .table-title h2 {
border-left-width: 0;
color: #fff;
font-family: arial,helvetica,sans-serif,Verdana,Arial,Helvetica,sans-serif;
font-size: 10px !important;
line-height: 1em;
margin: 2px 0 4px;
padding-bottom: 2px;
padding-top: 2px;
text-transform: uppercase;
font-weight: 500 !important;
}
li > a.mainmenu[href="/search"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/groups"] { display : none; }








/* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}
a.cgu-buttons,button.button2,input.button1,input.button2{background-image:url();border:1px solid #DDD;border-radius:2px;color:#666;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px;text-align:center;text-decoration:none}a.button1:hover,a.button2:hover,button.button2:hover,input.button1:hover,input.button2:hover{background-color:#999;background-image:url();border:1px solid #999;border-radius:2px;color:#fff;display:inline;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:400;line-height:17px;margin:0;padding:3px 7px}
































































































































































































































































/*------------------------------------------------*/
/*-------------[Tamanho do corpo fórum Fórum descrição logo]------------*/
/*------------------------------------------------*/
body#phpbb {
background-color: #eee;
}
headerbar {
padding: 0px;
}
#wrap {
width: 960px;
background: #FFFFFF;
background-color: #fff;
margin: auto;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
margin-bottom: 25px !important;
}
































































































































































































































































.footer-home::before {
content: " Today ";
display: block;
  margin-top: 40px;
}
#logo-desc{width: 970px !important;
height: 300px !important;
background: transparent url("http://i.imgur.com/j9RB2OM.png") center center no-repeat;
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}
/*------------------------------------------------*/
/*-------------[Barra de navegaçao]------------*/
/*------------------------------------------------*/
ul.navlinks {
border-bottom: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
font-weight: 700;
height: 40px;
left: 0;
position: fixed;
right: 0;
text-align: center;
top: 0;
z-index: 999;
background-image: url(http://i.imgur.com/AOkgY.png);
}
ul.linklist li {
line-height: 40px;
}
ul.linklist.navlinks li a{padding: 15px 10px 15px 10px;color: #bfbfbf;}
ul.linklist.navlinks li a:hover{background: rgba(255, 255, 255, 0.05);color: #ffffff;}
/*------------------------------------------------*/
/*-------------[Panel Foros]------------*/
/*------------------------------------------------*/
.panel {
background-color: #f5f5f5;
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 4px;
}
.row {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;
}
.forabg {
background-color: #333333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
padding: 0;
box-shadow: 0px 0px 15px #ccc;
border-radius: 4px;
}
.row1 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
.row2 {
border-bottom: 1px solid #FFF!important;
border-top: 1px solid #CCC!important;
position: relative;
background: rgb(255, 255, 255) url(http://i.imgur.com/PtFzv.png) repeat-x left bottom;}
/*------------------------------------------------*/
/*-------------[Foros cat Portal]------------*/
/*------------------------------------------------*/
.forumbg {
background-color: #333;
background-image: url(http://i.imgur.com/AOkgY.png);
background-position: 0 0;
border-left: 1px #ddd solid;
border-radius: 4px;
border-right: 1px #ddd solid;
box-shadow: 0 0 15px #ccc;
padding: 0;
}
































































































































































































































































.post {
background: #eee;
border-bottom: 1px solid #ccc;
box-shadow: 0px 0px 8px #ddd inset;
}
.post span.corners-top {
height: 29px;
background: #222;
padding: 6px 15px;
}
.module {
border-radius: 4px;
background: #eee;
border: 1px solid #ccc;
box-shadow: 0 0 5px #ccc;
}
.module span.corners-top{height: 29px;
background: #333 url(http://i.imgur.com/AOkgY.png)repeat-x;
}
.table-title, .table-title h2 {
display: inline;
color: #FFF !important;
font-family: 'Arvo', Helvetica Neue, Helvetica, Arial, Verdana;
font-size: 1.1em;
font-weight: 700;
}
/*------------------------------------------------*/
/*-------------[search incorporado con algunos codigos importantes]------------*/
/*------------------------------------------------*/
































































































































































































































































#search-box {
background: url(http://i.imgur.com/d6Rki.png) no-repeat;
display: inline;
height: 37px;
margin-top: -50!important;
}
































































































































































































































































































































































































































































































































#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}
































































































































































































































































#search-box input {
border: none !important;
background: none;}
































































































































































































































































#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}
































































































































































































































































#search-box input.button2 {visibility: hidden;
}
































































































































































































































































#search_menu { 
background: #ffffff;
font-size: 11px !important;
position: relative; 
width: 350px; 
top: 60px!important; 
left: 300px!important;
}
#search_menu a{color:#000!important;}
































































































































































































































































.conteneur_container_IE{position: relative;bottom: -3px;margin-top: -2px;padding: 1px;}
































































































































































































































































/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
































































































































































































































































/*------------------------------------------------*/
/*-------------[Perfil Post]------------*/
/*------------------------------------------------*/
































































































































































































.postprofile {
 border: 2px solid #DEDEDE !important;
 background: #DEDEDE !important; 
 border-radius: 5px 5px 5px 5px !important; 
}
  
.postprofile {
text-align: center;
}
  
.postprofile {
background-color: #DEDEDE;
}
  
/*------------------------------------------------*/
/*-------------[Botones]------------*/
/*------------------------------------------------*/
input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
































































































































































































































































































































































































































































































































































































































































































































































































/*------------------------------------------------*/
/*-------------[agre codigos para solucionar errores & aportes importantes no borres nada]------------*/
/*------------------------------------------------*/
#plus_menu {
background: #ffffff;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size:1.2em;}
p.path {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
p.path a{color:#fff!important;}
.pathname-box {
background: #222 url(http://i.imgur.com/DkHoj.png) bottom repeat-x;
border: 1px solid #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
clear: left;
color: #DDD;
margin-left: 15px;
padding: 8px;
position: absolute;
top: 265px;
width: 915px;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #555 0px 1px 0px;
}
.pathname-box a{color:#fff!important;}
.postbody {
clear: both;
color: #7d7d7d;
float: right;
line-height: 1.48em;
padding: 7px;
width: 75%;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
margin-top: 5px;
}
.topic-actions {
font-size: 1.1em;
height: auto;
background-color: #f5f5f5;
padding: 10px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin: 0px;
}
h1.page-title {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 2em;
font-weight: 400;
background-color: #f5f5f5;
border-bottom: 1px dotted #ddd;
padding: 10px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0px;
}
h1.page-title a{color: #333 !important;}
blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
border-bottom: 1px dashed rgba(0,0,0,.2);
padding: 3px 5px;
margin-left: -15px;
font-size: 12px;
}
blockquote {
margin: 1em 1px 1em 25px;
overflow: hidden;
background-color: #fefbf3;
padding: 9px;
border: 1px solid rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
font-family: Verdana;
font-size: 12px;
line-height: 1.5em;
border-radius: 6px;
}
.content blockquote {
color: #333;
 

Endereço do meu fórum:
http://ptwrestling.foruns.com.pt

Versão do fórum:
PHPBB3

Olá!

Sua dúvida já foi sanada no seguinte link:

Caixa de cores

Até mais.

Eu já tentei, porem não funcionou.

Olá,

Painel de controle ->> Módulos ->> HTML e Javascript ->> Gestão dos códigos javascripts ->>
Clique no botão "Criar um novo javascript" e na função "investimento" marque a opção "Em todas as Paginas" e abaixo no campo JS adicione o seguinte 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>")});

Caso não resulte, o código está em conflito com outro JavaScript,
sugiro desativar um a um para ver qual está em conflito.

Até mais!

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre códigos'

Fica desta forma :


Eu quero como está no primeiro post.

Olá,

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

Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Cole o codigo do cite acima em um JavaScript.

Leia:
http://asistencia.foroactivo.com/t102026-

Até mais.

Não resultou.

Olá,
Aceda a Folha de Estilo CSS:

Painel de Controle Visualização Imagens e Cores Cores Folha de estilo CSS

Código:

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

e Valide!

Aceda a Gestão dos códigos JavaScript:

Painel de Controle Módulos HTML e JavaScript Gestão dos códigos JavaScript

Investimento -> Em todas as páginas
Código:

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

e Salve!

Até mais.

Não resultou, ficou no mesmo

Estava em conflito com outro, podem fechar.
Obrigado