Como coloca os alertas em um botão, e quando clica, abre uma pop-up flutuante com todas as opções como aqui na Staffer? É livre o código ou ainda é restrito?

Olá, O Senhor poderia mostrar uma imagem do efeito?

O Membro se refere a este código:



O Qual eu também aguardo...

DaemonTools, exatamente... este botão ai...

Edite a seu gosto!

Código:

$(document).ready(function(){
$('#quick_reply').before('


<table style="border-radius: 6px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
background: #F1F1F1 url(http://i31.servimg.com/u/f31/17/71/75/73/a16.png) no-repeat bottom right;
padding: 10px; font-family: Verdana, Geneva, sans-serif;
color: #0B173B;bottom: 95%;
right: 2.5%;  "><tr> <td>


<center>
<div id="msgs">

<span class="msg1">
<div class="chat"style="width:301px;"><b>Aceito:</b> Movido para o local correspondente.</div>
</span>

<span class="msg2">
<div class="success" style="width:301px;"><b>Resolvido:</b> Caso reste alguma dúvida clique <a href="http://staffergroupbr.stuning.net/f9-fazer-pedidos-duvidas-suporte"target="_blank"><i>aqui</i></a>.</div>
</span>

<span class="msg3">
<div class="error" style="width:301px;"><b>Fechado:</b> Movido para a Lixeira.</div>
</span>

<span class="msg4">
<div class="mes" style="width:301px;"><b>Publicidade Aceita:</b> Por favor mantenha...</div>
</span>

<span class="msg5">
<div class="warning" style="width:301px;"><b>Movido:</b> Movido para o local correspondente.</div>
</span>

<span class="msg6">
<div class="tips" style="width:301px;">...(Explicação)</div>
</span>

<span class="msg7">
<div style=" width:360px;  background:#d6e2ff none repeat scroll 0 0; border:1px solid #0d96d6; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #0d96d6 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#d6e2ff">  <em>INFORMAÇÃO!</em> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%">  </td> <td width="90%"><strong>Colocar a mensagem aqui.</strong></td> <td width="5%"> <img alt="" src="http://png.findicons.com/files/icons/2597/the_clean_desk/40/info.png" class="resize_img" style="display:inline"> </td> </tr> </tbody> </table> </div>
</span>

<br><br>
<a href="http://staffergroupbr.stuning.net/post?f=42&mode=newtopic" target="_blank"><div style="font-size:13px; text-shadow: 0 0 0.2em #1E90FF, 0 0 0.2em #40FF40,0 0 0.2em #1E90FF;">Oferecer o seu alerta para nosso forum!</div></a>
<br><br>


<br><br><span class="limpa"><img height="" src="http://i15.servimg.com/u/f15/17/71/75/73/limpar10.png" width="" /></span><br><br>
</div></center></td></tr></table>
');
$('#msgs .msg1').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="chat" style="width:720px;"><b>Aceito:</b> Movido para o local correspondente.</div><br>');
});
$('#msgs .msg2').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="success" style="width:720px;"><b>Resolvido:</b> Caso reste alguma dúvida clique <a href="http://staffergroupbr.stuning.net/f9-fazer-pedidos-duvidas-suporte"target="_blank"><i>aqui</i></a>.</div><br>');
});
$('#msgs .msg3').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="error" style="width:720px;"><b>Fechado:</b> Movido para a Lixeira.</div><br>');
});
$('#msgs .msg4').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="mes" style="width:720px;"><b>Publicidade Aceita:</b> Por favor mantenha o tópico atualizado.</div><br>');
});
$('#msgs .msg5').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="warning" style="width:720px;"><b>Movido:</b> Movido para o local correspondente.</div><br>');
});
$('#msgs .msg6').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="tips" style="width:720px;">...(Explicação)</div><br>');
});
$('#msgs .msg7').click(function(){
$('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div style=" background:#d6e2ff none repeat scroll 0 0; border:1px solid #0d96d6; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #0d96d6 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#d6e2ff">  <em>INFORMAÇÃO!</em> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%">  </td> <td width="90%"><strong>Colocar a mensagem aqui.</strong></td> <td width="5%"> <img alt="" src="http://png.findicons.com/files/icons/2597/the_clean_desk/40/info.png" class="resize_img" style="display:inline"> </td> </tr> </tbody> </table> </div><br>');
});

$('#msgs .limpa').click(function(){
$('#text_editor_textarea').val('');
});
$("#msgs").hide();
$('.topic-actions div.buttons:last').append('
<div id="botao"><img height="" src="http://i15.servimg.com/u/f15/17/71/75/73/alerta14.png" width="" />  </div>
');
$('#botao').click(function(){
$("#msgs").fadeToggle();
});
});

:124:

Auêêêêê, não funcionou em punBB. Pode fazer um para essa versão? Eu te pago alguma coisa... uma coca, um lanche, um X-Burguer, mas pf, cria um pra punBB
:cuti:

Eu tentarei passar pra punbb, se eu tiver resultados passarei aqui.

Está certo, muito obrigado ;) Estarei entregando o lanche via-sedex ta certo? =)

Posso dar o tópico como resolvido?

Não poxa, estou aguardando a mensagem dele *-*

Aqui está o código para versão PunBB!

Código:

$(document).ready(function(){

    $('#quick_reply').before('


    <table style="border-radius: 6px !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    background: #F1F1F1 url(http://i31.servimg.com/u/f31/17/71/75/73/a16.png) no-repeat bottom right;
    padding: 10px; font-family: Verdana, Geneva, sans-serif;
    color: #0B173B;bottom: 95%;
    right: 2.5%;  "><tr> <td>


    <center>
    <div id="msgs">

    <span class="msg1">
    <div class="chat"style="width:301px;"><b>Aceito:</b> Movido para o local correspondente.</div>
    </span>

    <span class="msg2">
    <div class="success" style="width:301px;"><b>Resolvido:</b> Caso reste alguma dúvida clique <a href="http://staffergroupbr.stuning.net/f9-fazer-pedidos-duvidas-suporte"target="_blank"><i>aqui</i></a>.</div>
    </span>

    <span class="msg3">
    <div class="error" style="width:301px;"><b>Fechado:</b> Movido para a Lixeira.</div>
    </span>

    <span class="msg4">
    <div class="mes" style="width:301px;"><b>Publicidade Aceita:</b> Por favor mantenha...</div>
    </span>

    <span class="msg5">
    <div class="warning" style="width:301px;"><b>Movido:</b> Movido para o local correspondente.</div>
    </span>

    <span class="msg6">
    <div class="tips" style="width:301px;">...(Explicação)</div>
    </span>

    <span class="msg7">
    <div style=" width:360px;  background:#d6e2ff none repeat scroll 0 0; border:1px solid #0d96d6; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #0d96d6 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#d6e2ff">  <em>INFORMAÇÃO!</em> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%">  </td> <td width="90%"><strong>Colocar a mensagem aqui.</strong></td> <td width="5%"> <img alt="" src="http://png.findicons.com/files/icons/2597/the_clean_desk/40/info.png" class="resize_img" style="display:inline"> </td> </tr> </tbody> </table> </div>
    </span>

    <br><br>
    <a href="http://staffergroupbr.stuning.net/post?f=42&mode=newtopic" target="_blank"><div style="font-size:13px; text-shadow: 0 0 0.2em #1E90FF, 0 0 0.2em #40FF40,0 0 0.2em #1E90FF;">Oferecer o seu alerta para nosso forum!</div></a>
    <br><br>


    <br><br><span class="limpa"><img height="" src="http://i15.servimg.com/u/f15/17/71/75/73/limpar10.png" width="" /></span><br><br>
    </div></center></td></tr></table>
    ');
    $('#msgs .msg1').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="chat" style="width:720px;"><b>Aceito:</b> Movido para o local correspondente.</div><br>');
    });
    $('#msgs .msg2').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="success" style="width:720px;"><b>Resolvido:</b> Caso reste alguma dúvida clique <a href="http://staffergroupbr.stuning.net/f9-fazer-pedidos-duvidas-suporte"target="_blank"><i>aqui</i></a>.</div><br>');
    });
    $('#msgs .msg3').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="error" style="width:720px;"><b>Fechado:</b> Movido para a Lixeira.</div><br>');
    });
    $('#msgs .msg4').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="mes" style="width:720px;"><b>Publicidade Aceita:</b> Por favor mantenha o tópico atualizado.</div><br>');
    });
    $('#msgs .msg5').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="warning" style="width:720px;"><b>Movido:</b> Movido para o local correspondente.</div><br>');
    });
    $('#msgs .msg6').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div class="tips" style="width:720px;">...(Explicação)</div><br>');
    });
    $('#msgs .msg7').click(function(){
    $('#text_editor_textarea').val($('#text_editor_textarea').val()+'<div style=" background:#d6e2ff none repeat scroll 0 0; border:1px solid #0d96d6; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #0d96d6 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#d6e2ff">  <em>INFORMAÇÃO!</em> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%">  </td> <td width="90%"><strong>Colocar a mensagem aqui.</strong></td> <td width="5%"> <img alt="" src="http://png.findicons.com/files/icons/2597/the_clean_desk/40/info.png" class="resize_img" style="display:inline"> </td> </tr> </tbody> </table> </div><br>');
    });

    $('#msgs .limpa').click(function(){
    $('#text_editor_textarea').val('');
    });
    $("#msgs").hide();
    $('.pun-crumbs:last').before('
    <div id="botao"><img height="" src="http://i15.servimg.com/u/f15/17/71/75/73/alerta14.png" width="" />  </div>
    ');
    $('#botao').click(function(){
    $("#msgs").fadeToggle();
    });
    });

Resulta?
Até +

Olá,

O meu e versão PhpBB3, se clicar no botão Alerta e depois selecionar o Aviso, ele nao aparece na caixa de respostas, poderia me mandar o código daqui da Staffer ?

Este e o codigo que eu utilizo!
http://staffergroupbr.stuning.net/t1022-pedidoalertas-como-aqui#2326

O único problema é que ele fica aberto sempre... em cima das respostas rápidas *-*

Com certeza voce tem algum código em formato JavaScript que interrompe o efeito do código!
Oque chamamos de "Conflito"!

Senhor, pelo que eu pude visualizar em seu forum, parece tudo normal!
Posso dar o tópico como resolvido?

Há, peço desculpas, já havia esquecido. Como mudei para phpBB3, então, eu já consegui que funcionasse perfeitamente. Estarei fechando e dando como resolvido! Grato! =)