[Tutorial] Resposta rápida flutuante v2 |
Bem galera, depois que a forumeiros atualizou alguns códigos pararam de funcionar, inclusive a resposta rápida flutuante, então resolvi fazer a versão 2 do efeito. Ao clicar em "Responder" a caixa de respostas rápidas é exibida lindamente em forma de popup flutuante.
Funcionalidade: Todas as versões
Painel de Controle Módulos Imágens e Cores Cores Aba "Folha de estilo CSS"
- Código:
/* Resposta rápida flutuante (http://staffergroupbr.stuning.net/t1476-) */.button2.closeqr:hover {opacity: .8 !important; border: none !important;}.button2.closeqr { margin-left: 5px; padding: 10px; bottom: 260px; display: block; position: fixed; right: 45%; border-radius: 3px; box-shadow: 0px 0px 2px #1E90FF; background: #1E90FF; border: none; color: #fff;}#quick_reply {position: fixed; bottom: 35%; left: 10%; z-index: 9999; display: none; width: 1050px; border-radius: 0px 0px 0px 0px; height: 330px;}#quick_reply .sourceMode textarea {display: none !important;}#quick_reply .wysiwygMode TEXTAREA {display: none !important;}#quick_reply .sourceMode {height: 245px !important;background: url(http://i39.servimg.com/u/f39/17/71/75/73/a11.png) no-repeat top 50% right 64px rgba(15, 15, 15, 0.6) !important;border: none !important;box-shadow: 0px 0px 2px #000;}#quick_reply .wysiwygMode {height: 245px !important; background: url(http://i39.servimg.com/u/f39/17/71/75/73/a11.png) no-repeat top 50% right 64px rgba(15, 15, 15, 0.6) !important;border: none !important;box-shadow: 0px 0px 2px #000;}.resposta_rapidasa{position:fixed !important;top:0px !important;left:0px !important;height:100%;width:100%;z-index:20;opacity:0.7;background:#000;display:none;}
Clique em
Painel de Controle Módulos HTML & JavaScript Gestão de códigos JavaScript
Investimento: Tópicos
- Código:
jQuery.getScript('http://metalltestes.virtuaboard.com/22544.js');
Clique em
- Imagem do resultado