Erro no botao neon

Qual é minha questão:
Quando clico no botão NEON, ele recarrega a página

Links e imagens do meu problema:
-

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

Versão do meu fórum:
PHPBB3

Olá,

Refaça tudo seguindo os meus passos abaixo.

PASSO 1 - CSS " cPainel Visualização Imagens e Cores Cores / Folha de Estilo CSS "

Código:

az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}

PASSO 2 - Criar um Java Script [1] " cPainel Modulos HTML & JAVASCRIPT Gestão de códigos JavaScript Criar um novo JavaScript.
Investimento: Nos Tópicos

Código:

jQuery(document).ready(function() {
jQuery('#text_editor_controls button:eq(8)').after(' <button class="button2" onclick="display();return false"><az><b>Neon</b></az></button><style>.cred{background:#fff url(http://i42.servimg.com/u/f42/17/32/13/00/letrei10.png) no-repeat bottom right;padding-right:17px;}</style><div style="width:100px !important;margin-top:21px;margin-left:290px;visibility:hidden;" class="select cred" id="neon"><button class="sp" onclick="displayspd();return false">SP-Design</button><br /><button class="az" onclick="displayblue();return false">Neon Azul</button><br /><button class="v" onclick="displayred();return false">Neon Vermelho</button><br /><button class="rx" onclick="displayrx();return false">Neon Roxo</button><br /><button class="am" onclick="displayam();return false">Neon Amarelo</button><br /><button class="c" onclick="displayc();return false">Neon ciano</button><br /><button class="r" onclick="displayr();return false">Neon rosa</button><br /><button class="vr" onclick="displayvr();return false">Neon Verde</button><br /><button class="l" onclick="displayl();return false">Neon laranja</button><br /><button class="m" onclick="displaym();return false">Neon Marrom</button><br /><button class="w" onclick="displayw();return false">Neon branco</button><br /><button class="pr" onclick="displaypr();return false">Neon Preto</button><br /></div> ');
});

PASSO 3 - Criar um novo Java Script [1] " cPainel Modulos HTML & JAVASCRIPT Gestão de códigos JavaScript Criar um novo JavaScript.
Investimento: Nos Tópicos

Código:

function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('<sp>','</sp>');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('<az>','</az>');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('<v>','</v>');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('<rx>','</rx>');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('<am>','</am>');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('<c>','</c>');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('<r>','</r>');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('<vr>','</vr>');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('<l>','</l>');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('<m>','</m>');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('<w>','</w>');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('<pr>','</pr>');selectWysiwyg(this,'neon');return false}

Atenciosamente,
Dr.Heckien.

Ele criou um Botão de tabelas e não o de NEON

Segue meu css

Código:

a:hover {
color: #FF0000;
text-shadow : 0px 0px 10px #FF0000;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF6633;
}

/* Caixa de Download
 * by DropLeet
 * Tutorial: http://ajuda.forumeiros.com/t61941-
 */
.blocodownload {
  width:100%;
  border-left: 4px solid #486CA8;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url('http://www.nordicasoftware.com.br/images/IconDownload.gif');
  background-position: 10px center;
  background-repeat: no-repeat;
}
.blocodownload:hover {
  background-color: lightYellow;
  color: black;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}

Olá,

Substitua seu CSS atual por este:

Código:

a:hover {
color: #FF0000;
text-shadow : 0px 0px 10px #FF0000;
}
a[href="/u1"] {
text-shadow: 0px 0px 5px #FF6633;
}

/* Caixa de Download */
.blocodownload {
  width:100%;
  border-left: 4px solid #486CA8;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-image: url('http://www.nordicasoftware.com.br/images/IconDownload.gif');
  background-position: 10px center;
  background-repeat: no-repeat;
}
.blocodownload:hover {
  background-color: lightYellow;
  color: black;
}
az, bl, azul, blue, .az {text-shadow: 0px 0px 5px blue;color: blue;}
v, vermelho, red, .v {text-shadow: 0px 0px 5px red;color: red;}
rx, roxo, purple, rox, .rx {text-shadow: 0px 0px 5px #b300ff;color: #b300ff;}
am, amarelo, yelow, .am {text-shadow: 0px 0px 5px #fbff00;color: #fbff00;}
c, ciano, cyan, .c {text-shadow: 0px 0px 5px #00e6ff;color: #00e6ff;}
r, rosa, pink, .r {text-shadow: 0px 0px 5px #ff7fee;color: #ff7fee;}
vr, verde, green, .vr {text-shadow: 0px 0px 5px #11ff00;color: #11ff00;}
l, laranja, orange, naruto, .l {text-shadow: 0px 0px 5px #ff9500;color: #ff9500;}
m, marron, brown, .m {text-shadow: 0px 0px 5px #7d4f0f;color: #7d4f0f;}
w, branco, white, .w {text-shadow: 0px 0px 5px #ffffff;}
pr, preto, black, .pr {text-shadow: 0px 0px 5px #000000;}
sp, .sp {text-shadow: 0px 0px 5px #0072ff;color: #0072ff !important;}
#text_editor_controls, .left-box{position:relative !important}

Atenciosamente.

Não resultou

Olá novamente Senhor,

Não estou conseguindo compreender! Que botão você diz? Poderia me mandar uma imagem sobre ele?

Melhores Cumprimentos!

Aqui está:

Olá querido amigo!

Aqui está normal! Veja se é seu navegador. Pois aqui funciona normalmente!
Tente esvaziar o cachê deste seu navegador em que o Bug está adentrado.

Melhores Cumprimentos!

:9

Esvaziei Histórico, Cachê e tudo mais, mas não resultou.
Testei em outro navegador e também não obtive resultados.

AEE, consegui.

Coloquei os investimentos em todas as páginas e resultou.