Descrição da Questão:
Eu queria o sistema que existe aqui no fórum, do botão que está com todos os alertas...


Mas, queria para a versão PunBB, e que ele aparecesse nas respostas rápidas e na PÁGINA de respostas.

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

Imagem Sugestiva:
https://i.servimg.com/u/f71/17/71/75/73/ajuda110.png

Eu não sou o criador deste código, não sei se pega em outras versões, se o senhor desejar eu posso lhe passar o código que eu utilizo!

Sim, claro. Irei testa-lo em tal versão =)

Adicione a tua página em estilo JavaScript

Ps: Todos os alertas devem ser em HTMl, e as (Aspas) devem ser simples ( ' ) e antes das Aspas deve ter uma (Barra Invertida)

Ex: \'

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 1">

<option value="ALERTA AKI">NOME DO ALERTA</option>

</optgroup><optgroup label="CLASSE DE ALERTAS 2">

<option value="ALERTA AKI">NOME DO ALERTA</option>

</optgroup><optgroup label="CLASSE DE ALERTAS 3">

<option value="ALERTA AKI">NOME DO ALERTA</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>');
});

Atenção: O Senhor não deve utilizar os mesmos alertas da SGBR™

Olá gostaria de saber oque devo fazer para funcionar em PhpBB3 ?

Este código é para PhpBB3

Ata desculpa pela lerdeza e que vi ali a versão dele e pensei que vc tinha adaptado.

Olá,

Sou o criador do código, o mesmo é funcional para todas as versões pois, as classes e id's do formulário de postagem são as/os mesmos.

Até mais.

Realmente, é funcional para minha versão, obrigado. Mas, tem 2 porem's...
1_ Tem como deixa para apenas moderadores e administradores?
2_ Tem como fazer aparecer quando clicar no botão RESPONDER? Ou seja, não apenas nas respostas rápidas?

Agradeço desde já! =)

Vamos esperar o [F]lames!

Olá,

Estarei começando a fazer estas modificações no códigos, só peço que espere.

EDIT:
Aqui está:

Código:

$(document).ready(function() {
  if($('#pun-info.main:last .main-content #stats p a[href^="/modcp?f="]').length) {
    $('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 1"><option value="ALERTA AKI">NOME DO ALERTA</option></optgroup><optgroup label="CLASSE DE ALERTAS 2"><option value="ALERTA AKI">NOME DO ALERTA</option></optgroup><optgroup label="CLASSE DE ALERTAS 3"><option value="ALERTA AKI">NOME DO ALERTA</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 ?

Até mais.

[F]lames, olha, eu queria apenas 1 botão, mas com a seguinte informação:

Código:

<font color=darkblue><strong>[Mensagem automática]</strong></font>\n\nTópico finalizado e bloqueado!\n<font color=green>Tópico movido de: ','</font>\n<font color=green>Para:</font>\n\n<strong>

Mas ele não aceita isto:

Código:

','

O que eu faço?

O Senhor não gostaria de utilizar o botão resolve e block?

Sim, mas no botão resolve & block a gente não tem a 'possibilidade' de escrever de onde estava, para onde será movido...

Clicou no botão resolve & Block, já era, ele já manda e fecha, com uma mensagem já pré-definida...

Tente colocar este código na options.

Código:

<font color=darkblue><strong>[Mensagem automática]</strong></font><br>Tópico finalizado e bloqueado!<br><font color=green><b>Tópico movido de:</b> LOCAL-ANTIGO</font><BR><font color=green><b>Para:</b> LOCAL-NOVO</font>

Basta colar o link dos locais onde está de letras MAIÚSCULAS!

[Mensagem automática]
Tópico finalizado e bloqueado!
Tópico movido de: LOCAL-ANTIGO
Para: LOCAL-NOVO

Já resolvi os problemas, obrigado. =)
Agora, só falta [F]Lames colocar para mostrar apenas a moderadores e administradores =x

Olá,

O código que passei acima tem essa característica.

Até mais.

Tem? Há, que excelente, muito obrigado. E [F]Lames, tem como eu por a seguinte mensagem nos alertas?

Código:

<div class="success">','</div>

Tem algum meio para este código funcionar?

Olá,

Como foi dito acima, substitua aspas duplas ou até simples por isto \' :

Código:

<div class="success">\',\'</div>

Resulta ?

Até mais.

Não, rsrs. Se eu coloco:

Código:

<div class="success">\',\'</div>

Essa ferramenta ',' não funciona. Ela serve para que, quando selecione o alerta, o ponteiro já fique lá, em vez de ter que ir com mouse entre >< para clicar e depois digitar.
E aspas duplas não aparecem quando faço \"

Olá,

Tente:

Código:

<div class=\'success\'>\',\'</div>

Resulta ?

Até mais.

O senhor ainda prescisa deste suporte?

Motivo: Inatividade!