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

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

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

Mensagem por Kojitani em 24/02/13, 10:31 am

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


Última edição por Kojitani em 24/02/13, 12:15 pm, editado 1 vez(es)
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

Ver perfil do usuário http://sobrevivencialistabr.forumeiros.com

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

Mensagem por iPrompt em 24/02/13, 11:57 am

Olá,

Poderia me passar o link do tutorial

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por Kojitani em 24/02/13, 11:59 am

avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

Ver perfil do usuário http://sobrevivencialistabr.forumeiros.com

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

Mensagem por iPrompt em 24/02/13, 12:01 pm

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é
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por Kojitani em 24/02/13, 12:08 pm

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

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

Ver perfil do usuário http://sobrevivencialistabr.forumeiros.com

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

Mensagem por iPrompt em 24/02/13, 12:09 pm

Olá,

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

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por Kojitani em 24/02/13, 12:10 pm

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
avatar

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

Ver perfil do usuário http://sobrevivencialistabr.forumeiros.com

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

Mensagem por iPrompt em 24/02/13, 12:12 pm

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é

avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

Ver perfil do usuário http://webskins.forumeiros.com/

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

Mensagem por Kojitani em 24/02/13, 12:14 pm

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

Kojitani
Nível 9

Masculino
Inscrito dia : 02/02/2013
Mensagens : 173
Pontos Ativos : 257

Ver perfil do usuário http://sobrevivencialistabr.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum