18 de mai de 2010

Mensagem para visitantes

Deixe uma mensagem animada para seus visitantes como essa abaixo com a possibilidade de ser fechada.

 
Obrigada por visitar e comentar minhas postagens.




Copie o código abaixo e cole em HTML/Javascript, que fica em "Elementos de página"

<style>
#info{
border: 1px solid #000;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
position:relative;
color: #fff;
background-color: #808080;
background-image: url('http://4.bp.blogspot.com/_FXIne2ZDJII/S_FDqAx4zEI/AAAAAAAACeM/SaCt14nSPnw/s1600/alerta2en6so7.gif');}
</style><script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
$(".close").click(function(){
$("#info").animate({left:"+=10px"}).animate({left:"-5000px"});});
$("#info").fadeOut(800).fadeIn(800).fadeOut(400).fadeIn(400)
.fadeOut(400).fadeIn(400);});
</script>
<div id="info">
<a class="close" href="#close" style="float: right;"><img border="0" src="http://4.bp.blogspot.com/_FXIne2ZDJII/S_FEuJTwhgI/AAAAAAAACeU/mZhx6ulyzAo/s1600/fechar.png" /></a>

AQUI A MENSAGEM</div>


Créditos: Blog Tutorial

5 comentários:

  1. Muito útil esse código, gostaria de saber se tem como após a mensagem sair o espaço em vão que ficar ser retirado?

    Gostaria de Aproveitar a Parabenizar o Templantes & Acessórios que pra mim tem sido muito útil, além de ser o mais completo no quesito "Blog" que já ví..

    ResponderExcluir
  2. Estranho Yuri, fiz vários testes e deu certo sempre.


    Pedro Paulo, vou tentar dando uma mexidinha no código. Beijos

    ResponderExcluir
  3. Utilmente Útil!
    Valeeu pelas dicaas, tao me ajudando muito.. Bjos.

    ResponderExcluir

A legislação brasileira prevê a possibilidade de se responsabilizar o blogueiro pelo conteúdo do blog, inclusive quanto a comentários; portanto, o autor deste blog reserva a si o direito de não publicar comentários que firam a lei, a ética ou quaisquer outros princípios da boa convivência. Não serão aceitos comentários anônimos ou que envolvam crimes de calúnia, ofensa, falsidade ideológica, multiplicidade de nomes para um mesmo IP ou invasão de privacidade pessoal / familiar a qualquer pessoa. Comentários sobre assuntos que não são tratados aqui também poderão ser suprimidos, bem como comentários com links. Este é um espaço público e coletivo e merece ser mantido limpo para o bem-estar de todos nós.


Copyright © Templates e Acessórios |
Design by Elke di Barros | Tecnologia do Blogger
    Twitter Facebook Google + YouTube