Agrega botón flotante de 'Me gusta' de Facebook en tu sitio web

  • Autor Autor sormaria
  • Fecha de inicio Fecha de inicio
S

sormaria

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de 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.
 
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:
 
Atrás
Arriba