Descrição da Questão:
Bom eu segui o tutorial tudo certinho e tals, e o botão aparece nos posts e tals, mais quando eu adiciono o HTML do codigo o botão some, e some junto com ele o de Neon e o de mudar a caixa de cores.

Teria como arrumar o codigo pra mim?
Como ele deve ficar.


Gostaria que colocassem esses codigos nos 3 primeiros alertas para mim ^^

Gestão de Fichas:

Endereço e Versão do Site/Fórum:
http://coldnight.ace.st/ ( )

Imagem Sugestiva:

Olá!

Para que o código funcione corretamente voce deve achar todas as " (aspas duplas) e trocar por ' (aspas simples).
Depois disto adicionar uma \ (barra invertida) antes de todas as ' do alerta ( \' ) Apenas nos alertas!

-Código com os 3 alertas!

Código:

    $(document).ready(function() {
      $('form#quick_reply[action="/post"]').prepend('<div id="alertas-visu" style="text-align: center;"><select onchange="$(\'#alertas-visu #pre-alert\').html($(this).find(\'option:selected\').attr(\'value\')).fadeIn();$(\'#alert-ok\').fadeIn();" id="sel-alert" style="font-family: Century Gothic!important;-webkit-appearance: none; -webkit-padding-end: 20px; -webkit-padding-start: 6px;background: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);background-position: right center;background-repeat: no-repeat;border: 1px solid rgba(0, 0, 0, 0.25)!important;border-radius: 2px!important;box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);color: #444;margin: 0 1px 0 0;text-shadow: 0 1px 0 rgb(240, 240, 240);padding: 6px!important;width: 506px;margin-bottom: 25px;display: none;"><option value="">Selecione um Alerta</option>


<optgroup label="GRUPO DE ALERTAS 1">
    <option value="<div style=\'text-align:center;color:#FFF;text-shadow:#666 0px 1px 1px;font-size:15px;margin-left:25%;width:50%;padding:10px;border-radius:10px;box-shadow:inset#333 0px 0px 5px;background:#D9B645;font-family:Economica;\'><span style=\'font-weight:bold;color:#B89A3B;text-shadow:#e0c41e 1px 1px 0px;font-size:30px;\'>FICHA INCOMPLETA</span><br><br>Por favor, edite sua ficha e preencha os dados que estão faltando dentro do prazo de <u>7 (sete) dias</u> caso contrário sua ficha poderá ser excluida.<br><br><b>Observações:</b></div>">Ficha Incompleta</option>
    </optgroup>


<optgroup label="GRUPO DE ALERTAS 2">
    <option value="<div style=\'text-align:center;color:#FFF;text-shadow:#666 0px 1px 1px;font-size:15px;margin-left:25%;width:50%;padding:10px;border-radius:10px;box-shadow:inset#333 0px 0px 5px;background:#d41e1e;font-family:Economica;\'><span style=\'font-weight:bold;color:#A61F1F;text-shadow:#FF3333 1px 1px 0px;font-size:30px;\'>FICHA REJEITADA</span><br><br>Sua ficha foi preenchida com muitos erros, por isso será descartada, este aviso permanecerá por <u>3 (três) dias</u> até que a ela seja enviada para a lixeira.<br>Por favor, crie outra ficha para participar do nosso rpg<br><br><b>Observações:</b></div>">Ficha Rejeitada</option>
    </optgroup>


<optgroup label="GRUPO DE ALERTAS 3">
    <option value="<div style=\'text-align: center; color: #FFF; text-shadow: #666 0px 1px 1px; font-size: 15px; margin-left: 25%; width: 50%; padding: 10px; border-radius: 10px; box-shadow: inset #333 0px 0px 5px; background: #61b51d; font-family: Economica;\'><span style=\'font-weight: bold; color: #49821E; text-shadow: #79D631 1px 1px 0px; font-size: 30px;\'>FICHA APROVADA</span><br><br>Parabéns! Sua ficha foi preenchida corretamente e você está apto para jogar no nosso rpg. Seja muito bem vindo!<br><br><b>Observações:
    </b>A partir de agora este é o tópico de registros oficiais de seu personagem, fique de olho!</div>">Ficha Aceita</option>
    </optgroup>


</select><div style="margin-bottom: 30px;display: none;" id="pre-alert"></div><input type="button" id="alert-ok" value="OK" onclick="$(\'#text_editor_textarea\').val($(\'#sel-alert\').find(\'option:selected\').attr(\'value\'));" style="font-family: \'Century Gothic\' !important; -webkit-appearance: none; -webkit-padding-end: 20px; -webkit-padding-start: 6px; background-image: -webkit-linear-gradient(top, rgb(237, 237, 237), rgb(237, 237, 237) 38%, rgb(222, 222, 222))!important; border: 1px solid rgba(0, 0, 0, 0.247059) !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; border-bottom-right-radius: 2px !important; border-bottom-left-radius: 2px !important; box-shadow: rgba(0, 0, 0, 0.0784314) 0px 1px 0px, rgba(255, 255, 255, 0.74902) 0px 1px 2px inset; color: rgb(68, 68, 68)!important; margin: 0px 1px 25px 0px; text-shadow: rgb(240, 240, 240) 0px 1px 0px; padding: 6px !important; font-size: 13px!important; text-align: center!important; font-weight: lighter !important;width: 130px;display: none;"></div>');
      $('#text_editor_controls .left-box #text_edit button:last').after('  <button class="button2" id="alert-flames" onClick="$(\'#sel-alert\').fadeToggle();return false;"><img src="http://i71.servimg.com/u/f71/17/71/75/73/ajuda110.png" title="Alertas de Moderação"></button>');
    });

Resulta?

Poderia ter pedido via MP no meu fórum para utilizar este CSS.

Posso não ter sido a inventora da linguagem, mas fui eu que estruturei para que ficasse desta maneira.

The Boss de que css voce está falando?

Mais de 3 dias de inatividade!