Configurar posição da lista Neon

Olá,
Bem, no meu fórum, a lista de cores neon, não fica alinhada com o botão do mesmo.

Exemplo: Ao clicar no botão das cores, uma lista aparece em baixo, no neon não. Ele aparece nas ultimas mensagens do tópico ou no adicionar uma votação.
Gostaria de saber como concertar.
Obrigado!

Olá,

Aceda á "Folha de estilos CSS":
cPanel Visualização Imagens e cores Cores Folha de estilos CSS

Código:

#modo {
display: none;
}
.table tbody.statused tr td.tcl:hover #modo {
display: block;
}

Até mais.

Olá,
Não adiantou!

Um pequeno UP para acordar o tópico que está dormindo.

Bom dia!

Aceda á "Folha de estilos CSS"
Painel de Controle :seta: Visualização :seta: Imagens e Cores :seta: Cores :seta: Folha de estilos 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;}

Nota: Mantenha o código que eu forneci na minha mensagem anterior.

Atenciosamente,
Josh

Olá,
Esse código já existe no CSS

Olá!

Cole este código em algum post seu:

Código:

<azul>Teste</azul>
<vermelho>Teste</vermelho>
<amarelo>Teste</amarelo>
<laranja>Teste</laranja>
<preto>Teste</preto>
<rosa>Teste</rosa>
<verde>Teste</verde>
<roxo>Teste</roxo>

Atenciosamente,
Josh

O neon funciona, mas a lista ainda não aparece junto do botão.

Olá Senhor,
Bom isso está acontecendo em muitos Fóruns, poderia me conceder o Java Script criado por você?

Atenciosamente!

Vou fornecer tudo que me foi passado:

JS 1:

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><div style="width:100px !important;margin-top:1250px;margin-left:790px;visibility:hidden;" class="select" 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> ');
});

Investimento em todas as páginas.

JS 2:

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}

Investimento em todas as páginas.

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

Boa noite!

Isto acontece porque o HTML do seu fórum não está pronto para receber os códigos senhor:

1. Cpanel Geral Mensagens e e-mails Configuração
   Em "Permitir HTML" marque "sim".

1. Perfil (no fórum) Preferências
   Em "Sempre permitir HTML" marque "sim".

Substitua o seu último código por este:

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

Até mais.

Olá,
Tudo isso já estava ativado quando usei o código, e ainda não foi

Olá,

Adicione em sua CSS " cPainel Visualização Imagens e Cores Cores Folha de Estilo CSS "

a.button1, a.button2, button.button2, input.button1, input.button2 {
background: url("https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat-x scroll center top #F4F5F4;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 0 2px #000000;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
opacity: 0.87;
overflow: visible;
padding: 2px 3px;
width: auto !important;
}
blockquote {
background: #ffffff url("https://2img.net/i/fa/prosilver/quote.gif") 6px 6px no-repeat;
border: 1px solid #DBDBCE;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
blockquote div {
margin-left: 20px;
}
dl.codebox {
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
dl.codebox dt{border-bottom:1px solid #CCC;display:block;font-size:.8em;font-weight:700;margin-bottom:3px;text-transform:uppercase}
.spoiler{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png) repaeat-y;border:solid 1px #DDD;border-radius:3px;padding:2px}
.spoiler dt{-moz-border-radius:3px;-webkit-border-radius:3px;background:#FFFFFF url(https://i.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:2px}

#search-box {
margin-top:-22px;
}
#loginBox {
width: 299px;
height: 87px;
position: absolute;
top: 31px;
right: 0;
padding: 0;
font-size: 12px;
color: #EAF0F7;
}
.loginBox {
float: left;
}
.loginBoxInput {
background: url(http://www.webcheats.com.br/forum/images/styles/Modern/style/loginBoxInput.png) no-repeat top left;
width: 110px;
height: 31px;
}
.loginInput {
background: transparent;
border: 0;
color: #A7A7A7;
width: 100px;
height: 31px;
line-height: 31px;
margin: 0;
padding: 0 5px;
}
.textbox, textarea, select {
background: white none;
border: solid 1px #CDC9BF;
padding: 4px 5px;
outline: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

Depois de ter adicionado o código acima salve.

Agora substitua o seu primeiro JS 1, por este "Lembre-se que o investimento da Página JavaScript deve estar Em todas as Páginas;"

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><div style="width:100px !important;margin-top:1250px;margin-left:790px;visibility:hidden;" class="select" 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> ');
});

Assim que ter feito isto, agora substitua o seu JS 2, por este:

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}

Caso não funcione, re-estabeleça os seus códigos anteriores e apenas adicione em sua CSS "cPainel Visualização Imagens e Cores Cores Folha de Estilo CSS;"
Código:

Código:

#textarea_content textarea#text_editor_textarea {position:relative !important}

Atenciosamente,
Izzy Ajudactif.

Olá,
Não adiantou!

Olá,

Pesquisei alguns recursos, e com algumas edições eu mudei os códigos.
Primeiro no CSS PASSO 1: " 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}

Criação de uma página JS PASSO 2: " Painel de controle Módulos HTML e Javascript Gestão dos códigos Javascript "
Depois carregue-se no botão "Criar um novo javascript"
Investimento: EM TODAS AS PÁGINAS

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

Criação de mais uma página JS PASSO 3: " cPainel Visualização Imagens e Cores Cores Folha de Estilo CSS "

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,
Izzy.

Olá,
Substituo os JS antigos ou não? E o CSS?

Olá,

Sim. Cancele tudo o que fez, como se reiniciasse e começasse do inicio novamente.
Após isto, veja se resulta e me diga neste tópico.

Até mais.

Apareceu bem perto,
mas o botão neon está aparecendo entre o "lista" e "lista ordenada".
Se for possível mudar de posição, por favor.
Se não for, pode bloquear.

Arceus power escreveu:Apareceu bem perto,
mas o botão neon está aparecendo entre o "lista" e "lista ordenada".
Se for possível mudar de posição, por favor.
Se não for, pode bloquear.

Olá caro Arceus,

O botão aparenta algum bug? O local em que o botão está localizado, é o único lugar em que não fica Bugado. Foi o único lugar em que consegui instala-lo, está satisfeito com os resultados?

Atenciosamente,
Izzy.

Sim,
Estou. Pode dar um Block!
Muito obrigado!
Se este é o único local aonde ele pode ficar, tudo bem!
Estou beeeeeeeeeeeeeeeeem (marca) satisfeito!
Classificação:

Não abra: