Alinhando as opções do botão neon

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Alinhando as opções do botão neon

Mensagem por Seikon em 24/06/12, 03:54 pm

Qual é minha questão:
Ola, Vi todos os topicos sobre isso e nenhum deles foi resolvido. Eu ainda tentei editar os valores mas ele so corrige o botão na hora de criar um topico, porem na resposta rapida ele fica la emcima. Gostaria que em ambas partes as opções fica-sem alinhadas abaixo do botão

JavaScript 1

Código:
jQuery(document).ready(function() {
    jQuery('#text_editor_controls button:eq(8)').after(' <button class="button2" onclick="display();return false"><sp><b>Neon</b></sp></button><style>.cred{background:#fff url() no-repeat bottom right;padding-right:65px;}</style><div style="width:100px !important;margin-top:1000px;margin-left:500px;visibility:hidden;" class="select cred" id="neon"><button class="sp" onclick="displayspd();return false">Naruto World</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> ');
    });

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


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

#savec { position:relative; }.save-bloc { dispay: none; color: #555!important; cursor: point; z-index: 999; padding: 5px; border: 1px solid #BCBCBC; background: #efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x; display:none;top:20px;left:0px;position:absolute; white-space:nowrap; }.save-bloc div:hover { color: #050505!important; }.save-bloc div { cursor: pointer; }.save-bloc select { background: #ccc; border: 1px solid #aaa; margin-bottom: 5px; }

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

Links e imagens do meu problema:
Alinhamento das opções em resposta rapida: http://i.imgur.com/ijign.png
alinhamento das opções em novo topico: http://i.imgur.com/ycl9q.png

Endereço do meu fórum:
http://naruto-world.forumbrasil.net/forum

Versão do meu fórum:
PHPBB2


Última edição por Seikon em 14/07/12, 11:32 am, editado 1 vez(es)
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Hancki em 25/06/12, 08:50 am

Olá!

Imagens deletadas. Poderia re-upar?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Seikon em 25/06/12, 11:21 am

avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Seikon em 27/06/12, 11:10 am

Sejam competentes Staffs o topico foi criado em Dom 24 Jun 2012 - 15:54 e ainda não foi atendido? Falta de suas atenções
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Alinhando as opções do botão neon

Mensagem por SStyle em 28/06/12, 11:40 am

Estou com a mesma duvida,mais não fica alinhado em nem um... Chorando ou muito tr
Meu forum: http://bravirtualcity.forumeiros.com
avatar

SStyle
Nível 1

Masculino
Inscrito dia : 28/06/2012
Mensagens : 2
Pontos Ativos : 2

Ver perfil do usuário http://bravirtualcity.forumeiros.com

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Seikon em 29/06/12, 11:26 am

@Seikon escreveu:Por favor pelomenos uma postagem da Staff ajudando-me
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Alinhando as opções do botão neon

Mensagem por SStyle em 29/06/12, 11:41 am

avatar

SStyle
Nível 1

Masculino
Inscrito dia : 28/06/2012
Mensagens : 2
Pontos Ativos : 2

Ver perfil do usuário http://bravirtualcity.forumeiros.com

Resolvido Re: Alinhando as opções do botão neon

Mensagem por psicovk em 30/06/12, 11:58 pm

Aqui não deu
avatar

psicovk
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 372
Pontos Ativos : 644

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Make em 02/07/12, 08:37 am

Tenta esse abaixo:

CSS - Passo 1
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}

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

CSS - Passo 3
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}

Att. Make
avatar

Make
Usuário avançado

Masculino
Inscrito dia : 15/11/2011
Mensagens : 347
Pontos Ativos : 556

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Seikon em 06/07/12, 08:10 am

n resultou
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum
  • 0

Resolvido Re: Alinhando as opções do botão neon

Mensagem por ~Fly em 06/07/12, 08:56 am

Amigo, era o mesmo problema do que eu, o usuário me ajudou e funcionou, tomara que ai funcione.

JavaScript 1 :
Investimento : 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> ');
});

Javascript 2 :
Investimento : Em todas as páginas.


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}

Código 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}

No meu caso, tem dois códigos parecidos CSS, então se não funcionar estes acima, coloque mais um código CSS e veja se funciona.

Código:
function display(){
selectWysiwyg(this,'neon');return false}
function displayspd(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayblue(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayred(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayrx(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayam(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayc(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayvr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayl(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaym(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displayw(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}
function displaypr(){
bbfontstyle('','');selectWysiwyg(this,'neon');return false}

Abraços,

~Apple zen
avatar

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 689
Pontos Ativos : 1006

Ver perfil do usuário http://bleachlasnochesrpg.ultimaterpg.net/
  • 0

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Fox -. em 08/07/12, 03:18 am

Aqui nao funcionou :S
avatar

Fox -.
Nível 1

Masculino
Inscrito dia : 08/07/2012
Mensagens : 2
Pontos Ativos : 3

Ver perfil do usuário http://wampcheats.forumr.net
  • 0

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Rigel em 10/07/12, 01:22 am

Bem, eu tive de resolver isso sozinho comigo ... Mas se quiser apenas alinhar faça o seguinte:

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

Está vendo este código ??

Então tem a parte:

margin-top:21px;margin-left:290px

Modifique a posição vertical (margin-top) e a posição horizontal (margin-left), vá mudando os números até alinhar corretamente.. O margin-top eu não precisei modificar, deixando o número inicial 21 ... Mas o margin-left quanto menor o número, mais próximo do canto esquerdo, quando maior mais longe... Veja se funciona .. ^^

Comigo a única coisa que estou incomodado mesmo é que ele redireciona para a página de respostas, eu gostaria de fazê-lo aparecer nas respostas rápidas ou então, fazê-lo apenas aparecer na página de respostas .. Feliz
avatar

Rigel
Nível 5

Masculino
Inscrito dia : 09/07/2012
Mensagens : 41
Pontos Ativos : 51

Ver perfil do usuário http://eragonrpgonline.forumeiro.com/
  • 0

Resolvido Re: Alinhando as opções do botão neon

Mensagem por ~Fly em 10/07/12, 04:17 pm

Amigo, os meus códigos funcionaram ? Pode dar um ' sinal de vida ' ?

Abraços.
avatar

~Fly
Usuário destaque

Masculino
Inscrito dia : 26/12/2011
Mensagens : 689
Pontos Ativos : 1006

Ver perfil do usuário http://bleachlasnochesrpg.ultimaterpg.net/

Resolvido Re: Alinhando as opções do botão neon

Mensagem por DetonaGames em 11/07/12, 11:02 am

cara aqui pego,
você ta fazendo algo errado,
siga o tutorial direito,
pois você ta fazendo errado,
aqui todos os códigos colocados aqui pego
avatar

DetonaGames
Nível 8

Masculino
Inscrito dia : 02/07/2012
Mensagens : 114
Pontos Ativos : 177

Ver perfil do usuário http://detonagames.livreforum.com/
  • 0

Resolvido Re: Alinhando as opções do botão neon

Mensagem por south em 11/07/12, 11:19 am

troque seu 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}
avatar

south
Usuário avançado

Masculino
Inscrito dia : 30/06/2012
Mensagens : 465
Pontos Ativos : 609

Ver perfil do usuário http://forumblack.queroforum.net

Resolvido Re: Alinhando as opções do botão neon

Mensagem por Seikon em 14/07/12, 11:31 am

Desculpem a demora resolvi o problema graças ao fly, rep para ele podem closar
avatar

Seikon
Usuário avançado

Masculino
Inscrito dia : 06/08/2010
Mensagens : 362
Pontos Ativos : 520

Ver perfil do usuário http://bleachninepowers.fullforums.net/forum

Resolvido Re: Alinhando as opções do botão neon

Mensagem por StyLe® em 14/07/12, 11:37 am

Olá, amigo troca todo os códigos que eles lhe passarão por estes.

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}


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


2°JavaScript
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}

Cordialmente,
Flecha ajudeiros StyLe®

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum