Descrição da Questão:
http://staffergroupbr.stuning.net/t1196-tutorialbotao-para-alertas-moderativos

Esse Tutorial FIz os passos Certinhos mais Nao Funcionou/

Gostaria Que Fizessem um Disso Qualquer Para que Eu possa Editar!!!

Endereço e Versão do Site/Fórum:
http://testetemasfodas.forumeiros.com/ ( )

Imagem Sugestiva:

Amigo para que serve o campo Imagem Sugestiva:?
Nao sei se voce quer o codigo ou os alertas, poste uma imagem por favor, isto e importante.

Gostaria De Um Codigos pronto ,Para Que Eu Edite .-

Assim lhe agrada?

Codigo:

Nossa Assim me agradou Bastante/Agora poderia Vamos Dizer .-.

Pegar o Codigo Desse Forum e Onde Ta o Desse Forum Colocar Esse Acima Para Eu So Mudar .-. para Que Funcione

Crie um JavaScript

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="Classe de Alertas">

<option value="<div style=\'width: 500px; border: 2px solid gray; border-radius: 10px;\'><div style=\'border-bottom: 3px solid gray;height: 18px;\'><span style=\'border: 2px solid gray; padding: 14px 8px 1px 60%; height: 20px !important; border-left: none; border-right: 2px solid gray; border-radius: 6px; font-weight: bold;\'>Titulo</span></div><br><div style=\'margin: 10px 10px 30px 15px;\'>Conteudo</div></div>">Nome do Alerta</option>

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

http://testetemasfodas.forumeiros.com/t1-seu-primeiro-topico#5


Olha Nao Funcionou ´-´

Tente ativar o HTML no seu forum!
Painel de controle > Mensagens e e-mails > Permitir HTML : >

na pego ainda

http://testetemasfodas.forumeiros.com/t1-seu-primeiro-topico#6
O alerta esta funcionando '-'