.

terça-feira

Textual description of firstImageUrl

Formulário de Contato Fixado No Canto da Página Com Efeito JQuery

ACESSOS:
Deixe seu comentário










Nesta postagem compartilho com vocês mais um código super útil na página do seu site. Facilitando assim para os visitantes sugerirem novos posts. Enfim.


Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:


Para colocar no Blogger

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:
<style>
.ContactForm, .ContactForm .title {
 display: none;
}
.floating-ct {
 position: fixed;
 width: 250px;
 right: 0;
 bottom: 0;
 z-index: 999;
}
.floating-ct-head a {
 padding: 5px 10px;
 background: #000;
 color: white;
 font-weight: bold;
 display: inline-block;
 *display: block;
 zoom: 1;
}
.floating-ct-body {
 height: 285px;
 background: white;
 border: 1px solid #09f;
 padding: 10px;
 display: none;
}
.floating-ct-head {
 text-align: right;
}
.floating-ct-body .ContactForm {
 margin: 0;
 display: block!important;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$('body').append('<div class="floating-ct"><div class="floating-ct-head"><a href="#no-move">Contacto</a></div><div class="floating-ct-body"></div></div>');
$('.ContactForm').appendTo('.floating-ct-body');
var slide_up_ct = false;
$('.floating-ct-head a').click(function(){
 if (!slide_up_ct) {
 slide_up_ct = true;
 $('.floating-ct-body').slideDown();
 } else {
 slide_up_ct = false;
 $('.floating-ct-body').slideUp();
 }
});
//]]>
</script>
Observação importante:

Para que o formulário funcione, ele tem que estar ativo nos gadgets, caso contrário ficará em branco.

Para ativar o Formulário de contato, clique em "Adicionar um Gadget" - "Mais gadgets" - "Formulário de Contato"



Tendo colado o código, basta salvar e pronto!!!

Valeu por Sua Visita, volte sempre!!!


 
.