Como deixar a caixa de resposta rápida retrátil?

Qual é minha questão:
Achei um tutorial aqui. Mas, não permite acesso. Diz que apenas usuários especiais podem acessar.

Endereço do meu fórum:
http://sobrevivencialistabr.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Poderia me passar o link do tutorial

Até

Certamente, e agradeço a presteza.

https://ajuda.forumeiros.com/t75507-tutorial-resposta-rapida-retratil

Olá,

Primeiro crie um novo JavaScript com este código

Código:

$(function() {
      var qr = document.getElementById('quick_reply');
      qr.style.display="none";
      $(qr).before('<div onclick="$(this.nextSibling).slideToggle();" class="toggleQR">Resposta rápida</div>');
    });

Investimento : Nos tópicos

Depois adiciona este código na sua Folha de estilo CSS

Código:

.toggleQR {
    float:center;
    border: 1px solid #CCC;
    padding: 3px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    font-weight: bold;
    text-shadow: 0 1px white;
    background: #EEE;
}
.toggleQR:hover { color: #C03; }

Até

Resultou - Troquei o Nome de resposta rápida. Poderia só me fazer um favor e dizer como posso centralizar?

Olá,

Deseja centralizar o nome ou a caixa de escrever na resposta rápida ?

Até

o Nome - a caixa esta centralizada - no Js que você me deu - tem o nome "resposta rápida" - esse nome que eu quero centralizar.

Grato

Olá,

Substitua o código JS por este

Código:

$(function() {
      var qr = document.getElementById('quick_reply');
      qr.style.display="none";
      $(qr).before('<div onclick="$(this.nextSibling).slideToggle();" class="toggleQR"><center>Resposta rápida</center></div>');
    });

Até

Resultou. Agradeço a presteza novamente. Pode fechar ^^