Staffer Group BR™

Fórum interativo totalmente gratuito!

/* Widget *//* Resposta rápida bloqueada */
Cadastre-se
→ Crie a sua conta

 VisualizaçõesPermissão deste fórum:
Você não pode responder aos tópicos neste fórum


CurtirDiretório deste fórum:
Fóruns » Principal »  » Tutoriais » Tutoriais sobre programação

#1
 D'Leandro™

avatar
Fundador

Resposta Rápida Retratil


PunBB PhpBB2 PhpBB3 Invision


Este código cria um botão para responder.
Quando clicado, ele exibe a caixa de respostas rápidas.

--> Código CSS <--
Código:
/*Resposta Rápida Retrátil*/
#quick_reply {
display: none;
}
/*---/ Creditos: 2012 © Staffer Group BR™ /---*/
/*---/  http://staffergroupbr.stuning.net /---*/

--> Código JavaScript <--
Nos Tópicos
Código:
$(function() {
$('#quick_reply').before('<div style="text-align: center;"><input onclick="qr_cookie();" value="Responder ▼" style="text-align: center;border: 1px solid #ddd;background: #fff;border-radius: 5px;padding: 2px;box-shadow: 1px 1px 5px #DDD; margin: 6px;text-align: center;" type="button"></div>
');
if (my_getcookie('quick_reply')) {
document.getElementById('quick_reply').style.display = my_getcookie('quick_reply');
}
});
function qr_cookie() {
if (document.getElementById('quick_reply').style.display != 'block') {
document.getElementById('quick_reply').style.display = "block";
var a = document.getElementById('quick_reply').style.display;
my_setcookie('quick_reply', a, false);
} else {
document.getElementById('quick_reply').style.display = "none";
var a = document.getElementById('quick_reply').style.display;
my_setcookie('quick_reply', a, false);
}
}

--> Resultado Final <--


Desenvolvido por Rideem3 | avacweb
Editado e Postado por 2012 © Staffer Group BR™
Ver perfil do usuário

#2
 HenriqueBr

avatar
Membro
parabéns Rideem3!
Ver perfil do usuário

#3
 D'Leandro™

avatar
Fundador
....................................
Ver perfil do usuário

#4
 SostenesSilva.

avatar
Membro
Boa! Parabéns! =D
Ver perfil do usuário

#5
 Shion

avatar
Membro
Otimo Tutorial parabens a equipe
Ver perfil do usuário

#6
 SmackeD

avatar
Membro
Paranbéns *-*
Ver perfil do usuário

#7
 Narutofake

avatar
Membro
Otimo Tutorial Parabéns ae ;)
Ver perfil do usuário

#8
 Master Publicitario

avatar
Membro
Parabéns pelo código !
Ver perfil do usuário

#9
 D'Leandro™

avatar
Fundador
Logo estarei lançando um tutorial semelhante, só que desta vez será sem nenhum botão.
Ou seja; Ao se aproximar o mouse a caixa irá deslizar aparecendo lentamente.
Com efeito "sliding"
Ver perfil do usuário

#10
 'Fusion

avatar
Membro
muito legal obrigado por compartilhar conosco.

Assinatura:
Ver perfil do usuário samuca_akira@hotmail.com

#11
 Vic

avatar
Membro
Aparentemente, muito bom...
Ver perfil do usuário

#12
 sapinhu

avatar
Membro
Bora que bora testando
Ver perfil do usuário prof_roy@hotmail.com

#13
 Conteúdo patrocinado