Adicione botão flutuante de 'Curtir' do Facebook no seu site

  • Autor Autor sormaria
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
S

sormaria

Gamma
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
botón flotante de me gusta de facebook, centrado en la pagina web que se mueva siempre si el usuarios realiza acción, bajando en la web;

que tenga la forma de que el usuarios los cierre clikeando una x esto ayudaría mucho para poder ganar mas seguidores de facebook


<link rel="stylesheet" href="http://www.phpres.net/css/base.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

<div class="modal" id="modal1">
<div class="flotante flotante-mediano" id="modal1">
<div class="flotante-encabezado">
<span class="flotante-cerrar" id="modal1">&times;</span>
<h4>Facebook</h4>
</div>
<div class="flotante-contenido">

<!--Inicio plugin facebook -->
Aquí el plugin de facebook
<!--Final plugin facebook -->

</div>
<div class="flotante-pie">
<a class="boton boton-rojo derecha" onclick="modal('modal1');">Cerrar</a>
</div>
</div>
<div class="fondo-transparente" id="modal1"></div>
</div>
<script>
$(document).ready(function(){
setTimeout(function(){
modal('modal1');
},2000);
});

</script>
<script src="http://www.phpres.net/js/base.js"></script>​


este flotante tiene un temporizador para que se abra a los 2 segundo de que cargue la pagina, si quieres modificar el tiempo del temporizador hay que cambiar esto:

<script>
$(document).ready(function(){
setTimeout(function(){
modal('modal1');
},2000); // <------Temporizador a 2000 milisegundos
});

</script>

Donde pone 2000 (2 segundos) se puede cambiar por ejemplo para 4 segundos solo hay que poner 4000.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
todo muy bonito... pero esta linea:
HTML:
<link rel="stylesheet" href="http://www.phpres.net/css/base.css">
modifica todo el diseño de nuestro sitio, al agregarle el bootstrap base. :fatigue:
 
Voltar
Topo