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 » Arquivos » Lixeira

#1
 D'Leandro™

avatar
Fundador
[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

--> Código CSS <--
Painel de Controle  Seta  Módulos  Seta   Imágens e Cores  Seta  Cores  Seta  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  Validar

--> Código JavaScript <--
Painel de Controle  Seta  Módulos  Seta   HTML & JavaScript  Seta  Gestão de códigos JavaScript

Investimento: Tópicos


Código:
jQuery.getScript('http://metalltestes.virtuaboard.com/22544.js');


Clique em  Confirmar


  • Imagem do resultado

Ver perfil do usuário

#2
 Vargas

avatar
Moderador
Ótimo código, achei muito bom o design alem de deixar a página mais leve.
Ver perfil do usuário

#3
 'Fusion

avatar
Membro
Código perfeito, gostei bastante do designer dele esta tudo otimo nesse códigos parabéns.
Ver perfil do usuário samuca_akira@hotmail.com

#4
 Chorão

avatar
Membro
Muito Bom Fico maneiro o Código Mano! Vlw!
Ver perfil do usuário

#5
 Bookmarlucas654

avatar
Membro
Que ferramenta excelente. Enfim, um complemento de outro código parecido. :)

Parabeinx ;)
Ver perfil do usuário

#6
 Gmtp

avatar
Membro
Olá,

Descobri de onde vocês tiram os códigos, E espero que deixam os devidos créditos originais.
Obs : Investimento em ... ?

Até mais
Ver perfil do usuário

#7
 D'Leandro™

avatar
Fundador
Caro Sr. Kio!

1º - Não temos um lugar certo de onde tirar tutoriais...

2º - Todos os tutoriais que eu posto tem os códigos "Adaptados" por mim.
Então eu coloco o meu crédito + o crédito original!

Mas o original sempre estará visivel.
Ver perfil do usuário

#8
 Zoster

avatar
Membro
O tópico é muito bom obrigado
Ver perfil do usuário

#9
 Sr.Nown

avatar
Membro
comentando'
Ver perfil do usuário

#10
 D'Leandro™

avatar
Fundador
Bloqueado!
Movido para Lixeira! ( Motivo: Inutilidade dos códigos )
Ver perfil do usuário

#11
 Conteúdo patrocinado