Staffer Group BR™

Fórum interativo totalmente gratuito!


 VisualizaçõesPermissão deste fórum:
Não podes responder a tópicos


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

#1
 D'Leandro™

D'Leandro™
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™

#2
 HenriqueBr

HenriqueBr
Membro
parabéns Rideem3!

#3
 D'Leandro™

D'Leandro™
Fundador
....................................

#4
 SostenesSilva.

SostenesSilva.
Membro
Boa! Parabéns! =D

#5
 Shion

Shion
Membro
Otimo Tutorial parabens a equipe

#6
 SmackeD

SmackeD
Membro
Paranbéns *-*

#7
 Narutofake

Narutofake
Membro
Otimo Tutorial Parabéns ae ;)

#8
 Master Publicitario

Master Publicitario
Membro
Parabéns pelo código !

#9
 D'Leandro™

D'Leandro™
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"

#10
 'Fusion

'Fusion
Membro
muito legal obrigado por compartilhar conosco.

#11
 Vic

Vic
Membro
Aparentemente, muito bom...

#12
 sapinhu

sapinhu
Membro
Bora que bora testando

#13
 Conteúdo patrocinado