[TUTORIAL] Resposta rápida
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1 • Compartilhe
[TUTORIAL] Resposta rápida
Mensagens & Tópicos |
No tutorial aviso na caixa de resposta rápida observamos um pequeno Script que nos auxiliou no desenvolvimento de uma mensagem informando o que o administrador quer antes da postagem do usuário. Nesta oportunidade, a caixa de resposta rápida vai ser a base do tópico, tornando-o mais acessível e diferente.
--> Tutoriais <--
Resposta rápida
Resposta rápida
1º - Aplicação do CSS:
Sempre aplicamos o CSS antes do efeito, e isso não se muda neste tutorial. Antes de tudo, acesse o seu Painel de Controle, em Visualização >> Imagens e Cores > Cores > Folha de estilo CSS > e aplique o código abaixo:
- Código:
/*** Resposta rápida flutuante: http://shift.forumactif.com/t1051- ***/
#quick_reply{
position:fixed;
top:30%;
left:35%;
background:#FFFFFF;
padding:10px;
border:1px solid #BCBCBC;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
z-index:100;
box-shadow:0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
display:none;
}
.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;
}
/*** Resposta rápida flutuante: http://shift.forumactif.com/t1051- ***/
2º - JavaScript:
Em Painel de Controle > Módulos > HTML e Javascript > Criar um novo JavaScript > Adicione o código abaixo:
- Código:
jQuery(function(){jQuery.getScript("http://maonyn.yemenforums.net/17640.js")});
Agora, veja o resultado ao clicar no botão RESPONDER em seu fórum.
- Resultado
© ShiftActif
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Resposta rápida |
Tópicos semelhantes
» [TUTORIAL] Avatar na resposta rápida
» [TUTORIAL] Ícones dos tópicos na resposta rápida
» [TUTORIAL] Aviso nas caixas de resposta rápida
» [TUTORIAL] Categoria retrátil
» [TUTORIAL] Legenda personalizada
» [TUTORIAL] Ícones dos tópicos na resposta rápida
» [TUTORIAL] Aviso nas caixas de resposta rápida
» [TUTORIAL] Categoria retrátil
» [TUTORIAL] Legenda personalizada
ShiftActif fórum :: Central ShiftActif :: :: Tutoriais
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|