Caixa de cores

Item: Caixa de cores
Rating: 1

por CM Remedy 06.06.13 14:42

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 :
caixa u57608 - Caixa de cores QOWjkdm

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

por MateusA 06.06.13 15:00

Olá!

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

Seta

Caixa de cores

Até mais. Piscada

por CM Remedy 06.06.13 15:02

Eu já tentei, porem não funcionou.

por MateusA 06.06.13 15:06

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'

por CM Remedy 06.06.13 15:16

Fica desta forma :
caixa u57608 - Caixa de cores UGG5jVD

Eu quero como está no primeiro post.

por MateusA 06.06.13 15:49

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:
Flecha ajudeiros

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:
Flecha ajudeiros

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

Até mais.

por CM Remedy 06.06.13 15:57

Não resultou.

por BrunoH. 07.06.13 2:42

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